jq: 单行滚动文字 ｜ jq scrolltimer

jq-scrolltimer.js

// 单行滚动文字
var scrollTimer;
$('#js-scroller').hover(function() {
  clearInterval(scrollTimer);
}, function() {
  var $ths = $(this);
  scrollTimer = setInterval(function() {
    scroller($ths);
  }, 2800);
}).trigger('mouseleave');

function scroller($obj) {
  var height = $obj.find('li').height(); // 滚动高度
  $obj.find('li').first().animate({marginTop: -height}, 500, function() {
    $(this).appendTo($obj).css('margin-top', 0);
  });
}