jQuery实现简单的间隔向上滚动效果.pdfVIP

这篇文章主要介绍了 jQuery 实现简单的间隔向上滚动效果 ,实例分析了 jQuery 通过 animate 与 setInterval 控制 dom 元素滚动特效的技巧 ,需要的朋友可以参考下 本文实例讲述了 jQuery 实现简单的间隔向上滚动效果的方法。 分享给大家供大家参考。 具体实现方法如下： 代码如下 : lt;script type=text/javascript src=js/jquery-1.4.4.min.jsgt;lt;/scriptgt; lt;div id=broadcast class=bar name=giftactivegt; lt;div style=float:leftgt;lt;stronggt; 间隔滚动效果： lt;/stronggt;lt;/divgt; lt;div id=demo style=overflow:hidden;height:22px;line-height:22px;gt; lt;ul class=mingdan id=holdergt; lt;ligt;lt;a href=# target=_blankgt;aaaaaalt;/agt;lt;/ligt; lt;ligt;lt;a href=# target=_blankgt;bbbbbblt;/agt;lt;/ligt; lt;ligt;lt;a href=# target=_blankgt;cccccclt;/agt;lt;/ligt; lt;ligt;lt;a href=# target=_blankgt;ddddddlt;/agt;lt;/ligt; lt;ligt;lt;a href=# target=_blankgt;eeeeeelt;/agt;lt;/ligt; lt;/ulgt; lt;/divgt; lt;/divgt; lt;script type=text/javascriptgt; function AutoScroll(obj) { $(obj).find(ul:first).animate({ marginTop: -22px }, 500, function() { $(this).css({ marginTop: 0px }).find(li:first).appendTo(this); }); } $(document).ready(function() { setInterval(AutoScroll(#demo), 1000) }); lt;/scriptgt; 希望本文所述对大家的 jQuery 程序设计有所帮助。 更多信息请查看 IT 技术专栏