jquery实现文字由下到上循环滚动的实例代码

时间:2013-08-09    点击:99   

有如下代码:

复制代码 代码如下:

<div id="oDiv">
<ul id="oUl">
<li>第1个li元素</li>
<li>第2个li元素</li>
<li>第3个li元素</li>
<li>第4个li元素</li>
<li>第5个li元素</li>
<li>第6个li元素</li>
<li>第7个li元素</li>
<li>第8个li元素</li>
</ul>
</div>

但是页面只显示前5个li(相关css不做赘述),想要循环显示li里面的内容就是在制定的时间将ul向上移动li的高度,于此同时将第一个li加到ul中li的末尾。
  代码如下:

复制代码 代码如下:

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)

jquery 利用show和hidden实现级联菜单示例代码
javascript读写XML实现广告轮换(兼容IE、FF)
jQuery查询数据返回object和字符串影响原因是什么
在服务端(Page.Write)调用自定义的JS方法详解
Jquery显示、隐藏元素以及添加删除样式
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved