Question

我有一个函数，当div悬停在其上时会动画：

$('.left_scroll_button').hover(function(){
        $(".scrolling_list").stop().animate({scrollLeft: '-=5px'}, 1);
 });

这只是动画一次。我想连续重复动画..是否有一些简单的方法来循环这个？我试着这样做：

$('.left_scroll_button').hover.everyTime(10,function(){
    $(".scrolling_list").stop().animate({scrollLeft: '-=5px'}, 1);
 });

但是这没用。如果有人可以，那就太好了！

Answer 1

您是否尝试过使用setInterval建立动画循环？

Answer 2

使用animate方法的完整函数进行递归调用怎么样？可能会被清理一下但是这样的事情：

$(function () {
  $('.left_scroll_button').hover(
    function(){
       var element = $(".scrolling_list");
          (function(){
              element
               .stop()
               .animate({left: '+=5px'}, 100, arguments.callee);
          }());
       }, 
      function(){
         $(".scrolling_list").stop();
      });
 });

以下是我将in jsfiddle

放在一起的示例

在jQuery中悬停时简单循环/重复？

2 个答案: