JQ特效,轮播滚动,一款很好用的插件,欢迎下载。carousel左右滚动轮播插件,jQuery大气的定时向左滚动轮播插件
多个li标签滚动
<div class="carousel-content">
<div class="carousel-wrap">
<ul>
<li><img src="images/1.jpg"></li>
<li><img src="images/2.jpg"></li>
</ul>
</div>
</div>
$(function(){
var cus_timer= setInterval(autoplay,20);
var leftnow = parseFloat($(".carousel-wrap ul").css("left"));
var limleft = parseFloat($('.carousel-wrap>ul>li').css('margin-left'));
// var leftnow = 0;
var size = $(".carousel-wrap>ul").children().length;
var step = parseFloat($(".carousel-wrap>ul>li").width()+limleft);
var leftul = size*step;
for(var i=0;i<6;i++){
$(".carousel-wrap>ul").append($(".carousel-wrap>ul>li").eq(i).clone());
}
function autoplay(){
var leftnow = parseFloat($(".carousel-wrap ul").css("left"));
leftnow--;
$(".carousel-wrap ul").css({"left":leftnow+"px"});
if(leftnow < -leftul){
$(".carousel-wrap ul").css({"left":"0px"});
};
}
$(".carousel-content").mouseenter(function(){
clearInterval(cus_timer);
});
$(".carousel-content").mouseleave(function(){
cus_timer=setInterval(autoplay,20);
});
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791