SuperSlidev2.1에서 캐러셀 이미지와 원활한 스크롤을 구현하기 위한 예제 코드

???? ;div class="bd">

< ;li _src="url(images/1.jpg)" style="배경:#E2025E 센터 0 반복 없음;">< /a>

< ;/ul>

 

js

/***전체 화면 회전식 배너 효과***/
$(".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",

효과: "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,효과:"leftMarquee",vis:6,interTime:50,trigger:"click",prevCell:".prev",nextCell :".다음"});

위 내용은 SuperSlidev2.1에서 캐러셀 이미지와 원활한 스크롤을 구현하기 위한 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!