使用位移来完成轮播图的自动播放

$(function(){
var sliderSquare = $(".sliderSquare ul li");
var sliderPic=$(".sliderPic ul li");
var sliderPicUl= $(".sliderPic ul");
var slderWidth=sliderPic.eq(0).width();
//用来计数
var count=0;
var time=null;
sliderSquare.on('click',function(){
$(this).addClass('active').siblings().removeClass('active');
var index =$(this).index();
count=index;
sliderPicUl.animate({"left":-count*slderWidth});

})
time =setInterval(function(){
count++;
if(count>sliderSquare.length-1){
count=0;
}
// trigger()触发某个事件
sliderSquare.eq(count).trigger('click');
},2000)
})

posted on 2017-09-05 16:33  辣子倩  阅读(194)  评论(0编辑  收藏  举报