javascript

位置:IT落伍者 >> javascript >> 浏览文章

jquery实现文字由下到上循环滚动


发布日期:2018年02月04日
 
jquery实现文字由下到上循环滚动

有如下代码

代码如下

<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"))

上一篇:你得学JavaScript

下一篇:Jquery实现网页跳转或用命令打开指定网页的解决方法