欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動的實(shí)例代碼

 更新時(shí)間:2013年08月09日 11:11:46   作者:  
這篇文章介紹了jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動的實(shí)例代碼,有需要的朋友可以參考一下

有如下代碼:

復(fù)制代碼 代碼如下:

<div id="oDiv">
<ul id="oUl">
<li>第1個(gè)li元素</li>
<li>第2個(gè)li元素</li>
<li>第3個(gè)li元素</li>
<li>第4個(gè)li元素</li>
<li>第5個(gè)li元素</li>
<li>第6個(gè)li元素</li>
<li>第7個(gè)li元素</li>
<li>第8個(gè)li元素</li>
</ul>
</div>

但是頁面只顯示前5個(gè)li(相關(guān)css不做贅述),想要循環(huán)顯示li里面的內(nèi)容就是在制定的時(shí)間將ul向上移動li的高度,于此同時(shí)將第一個(gè)li加到ul中l(wèi)i的末尾。
  代碼如下:

復(fù)制代碼 代碼如下:

function autoScroll(obj, ul_bz){
$(obj).find(ul_bz).animate({
marginTop : "-25px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
});
}
setInterval('autoScroll("#oDiv", "#oUl")',3000)

相關(guān)文章

最新評論