无空隙轮播

HTML代码如下

<ul id="express">
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

 

 

 

jquery代码如下

var shu1=0;
setInterval(function(){
if (flag1==true) {
$("#express li").first().animate({"margin-top":shu1--},1,function(){
var height=$(this).height();
if ((-shu1)>height) {
$(this).css("margin-top","0px");
$(this).appendTo($("#express"));
shu1=0;
}
})
}
},50)

})

posted @ 2022-04-20 14:35  KZ_XYZ  阅读(31)  评论(0)    收藏  举报