源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-08-09 17:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery实现文字由下到上循环滚动的实例代码
有如下代码:
[u]复制代码[/u] 代码如下:
<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的末尾。   代码如下:
[u]复制代码[/u] 代码如下:
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)
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部