SuperSlidev2.1實現輪播圖片和無縫滾動的實例代碼

SuperSlidev2.1輪播圖片與無縫捲動

使用方法點選連結：

 

簡單使用方法如下

html

< ;li _src="url(images/3.jpg)" style="background:#B8CED1 center 0 no-repeat;">

div>

 

js

/***全螢幕輪播banner效果***/
$( ".fullSlide").hover( function(){
$(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
} ,
function(){
$(this).find(".prev,.next").fadeOut()
});
$(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun : function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("背景圖片", curLi.attr("_src")).removeAttr("_src")
}
}
# } );
/***輪播效果***/
$(".dtbd").slide({titCell: ".hd li",mainCell:".bd ul",autoPlay:true});

/***捲動圖片***/
$(".hzhb").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:6, interTime :50,trigger:"click",prevCell:".prev",nextCell:".next"});

#

以上是SuperSlidev2.1實現輪播圖片和無縫滾動的實例代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！