HTML：

1 <div class="box"> 2 　　　　<ul> 3 　　　　　　<li>11111</li> 4 　　　　　　<li>22222</li> 5 　　　　</ul> 6 </div>

JQ:

1 $(function(){ 2 　　setInterval(function(){ 3 　　　　　　scroll($(".box ul"));　　 4 　　　　},1000); 5 　　}) 6 　　function scroll(obj){ 7 　　　　var h=obj.find(" li ").height(); //獲取每個li的高度 8 　　　　obj.animate({"margin-top":-h},function(){ //整個ul向上滾動一個li的高度,h的正負決定滾動的方向 9 　　　　obj.find("li").eq(0).appendTo(obj);　　　　//把ul的第一個li放到最后 10 　　　　obj.css("margin-top",0);　　　　　　　　//ul位置還原，看起來就像是在無縫滾動一樣 11 12 　　}) 13 14 }

說明：如果是上下無縫滾動，就用margin-top;如果是左右滾動就用margin-left，然后是獲取每個li的寬度. ? ?

轉載于:https://www.cnblogs.com/zjjDaily/p/6296062.html

總結

以上是生活随笔為你收集整理的banner轮播无缝滚动 jq代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。