首頁 > web前端 > js教程 > jquery實作文字由下到上循環滾動的實例程式碼_jquery

jquery實作文字由下到上循環滾動的實例程式碼_jquery

WBOY
發布: 2016-05-16 17:26:12
原創
1232 人瀏覽過

有以下程式碼:

複製程式碼 程式碼如下:



  • 第1個li元素

  • 第2個li元素

  • 第3個li元素

  • 第4個li元素

  • 第5個li元素

  • 第6個li元素

  • 第7個li元素

  • 第8個li元素


但是頁面只顯示前5個li(相關css不做贅述),想要循環顯示li裡面的內容就是在製定的時間將ul向上移動li的高度,於此同時將第一個li加到ul中li的末尾。
   程式碼如下:

複製程式碼 程式碼如下:


程式碼如下:

$(obj).find(ul_bz).animate({
marginTop : "-25px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
});
}setInterval('autoScroll("#oDiv", "#oUl")' ,3000)
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板