文字滚动效果

转载 互联网  2017-12-21 11:20  阅读 236 次 评论 0 条

文字滚动效果
在网络上找到的这个效果,核心代码:

  1. <script type="text/javascript">
  2.     function autoScroll(obj) {
  3.         $(obj).find("ul").animate({
  4.             marginTop: "-39px"
  5.         },
  6.         500,
  7.         function() {
  8.             $(this).css({
  9.                 marginTop: "0px"
  10.             }).find("li:first").appendTo(this);
  11.         })
  12.     }
  13.     $(function() {
  14.         setInterval('autoScroll(".maquee")', 3000);
  15.         setInterval('autoScroll(".apple")', 2000);
  16.     })
  17. </script>

演示Demo

关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
温馨提示:文章内容系作者个人观点,不代表黄良钵博客对观点赞同或支持。
版权声明:本文为转载文章,来源于 互联网 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

发表评论


表情