Code666 (代码贴、代码片段)

[JavaScript] jquery 新闻列表自动滚动 →→→→→进入此内容的聊天室

来自 , 2019-05-20, 写在 JavaScript, 查看 109 次.
URL http://www.code666.cn/view/9b861925
  1. /*新闻滚动*/
  2. $(function () {
  3.     var $this = $(".scrollNews");
  4.     var scrollTimer;
  5.     $this.hover(function () {
  6.         clearInterval(scrollTimer);
  7.     }, function () {
  8.         scrollTimer = setInterval(function () {
  9.                 scrollNews($this);
  10.             }, 3000);
  11.     }).trigger("mouseleave");
  12. });
  13. function scrollNews(obj) {
  14.     var $self = obj.find("ul:first");
  15.     var lineHeight = $self.find("li:first").height(); //获取行高
  16.     $self.animate({
  17.         "marginTop" : -lineHeight + "px"
  18.     }, 600, function () {
  19.         $self.css({
  20.             marginTop : 0
  21.         }).find("li:first").appendTo($self); //appendTo能直接移动元素
  22.     })
  23. }
  24.  

回复 "jquery 新闻列表自动滚动"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666