如何实现新闻上下滚动jquery
这篇文章主要介绍如何实现新闻上下滚动jquery,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
实例如下:
<div class = "box"> <dl class="textlist"> <dd>11你好,欢迎来到亿速云</dd> <dd>22你好,欢迎来到亿速云</dd> <dd>33你好,欢迎来到亿速云</dd> <dd>44你好,欢迎来到亿速云</dd> <dd>55你好,欢迎来到亿速云</dd> </dl> </div> <script> $(function(){ function GoUp(){ $(".textlist").animate({top,-30},500,function(){ $(".textlist").css({top,0}); $(".textlist dd:first").insertAfter(".textlist dd:last") }); } setInterval(GoUp,1000) }) </script> </body>
以上是“如何实现新闻上下滚动jquery”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!