0

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);
 });

しかし、これはうまくいきませんでした。誰かがヘップできるなら、それは素晴らしいことです！

4

2 に答える 2

0

setIntervalを使用してアニメーションループを確立しようとしましたか？

于 2012-05-02T16:33:20.300 に答える
0

animateメソッドのCompleteFunctionを使用して再帰呼び出しを行うのはどうですか？おそらく少しクリーンアップできますが、次のようなものです。

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

これが私がjsfiddleで一緒に投げた例です

于 2012-05-02T16:37:23.233 に答える