熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery實現文字由下到上循環滾動

2022-06-13   來源: JSP教程 

  有如下代碼

代碼如下  

  <div id="oDiv">
<ul id="oUl">
<li>第個li元素</li>
<li>第個li元素</li>
<li>第個li元素</li>
<li>第個li元素</li>
<li>第個li元素</li>
<li>第個li元素</li>
<li>第個li元素</li>
<li>第個li元素</li>
</ul>
</div>

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

  代碼如下

代碼如下  

  function autoScroll(obj ul_bz){
$(obj)find(ul_bz)animate({
marginTop : "px"
}function(){
$(this)css({marginTop : "px"})find("li:first")appendTo(this);
});
}
setInterval(autoScroll("#oDiv" "#oUl"))


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20287.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.