js不间断滚动的简单实现

前端之家收集整理的这篇文章主要介绍了js不间断滚动的简单实现前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

CSS:

#scrollDiv { width: 300px; height: 25px; line-height: 25px; border-bottom: #4c8cd1 1px solid; overflow: hidden; } #scrollDiv li { height: 25px; padding-left: 10px; }

JS:

function AutoScroll(obj) { $(obj).find("ul:first").animate({ marginTop: "-25px" },800,function () { $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this); }); }

$(document).ready(function () {
setInterval('AutoScroll("#scrollDiv")',3000)
setInterval('AutoScroll("#scrollDiv")',3000)
});

HTML:

  • 这是公告标题的第一行
  • 这是公告标题的第二行
  • 这是公告标题的第三行
  • 这是公告标题的第四行
  • 这是公告标题的第五行
  • 这是公告标题的第六行
  • 这是公告标题的第七行
  • 这是公告标题的第八行
  •   </div> </pre>

    以上这篇js不间断滚动的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

    原文链接:https://www.f2er.com/js/48162.html

    猜你在找的JavaScript相关文章