jquery無限動畫

Question

看過很多文章，但無法使動畫功能無限期地運行。請幫幫我。

$.move = function(object, direction) { 
    $(object).animate({ 
     backgroundPosition:'('+ direction +' -15000px)' 
    }, 20000, 'linear', function(){ $.move(object, direction) }); 
}; 

Answer 1

曾經做過！

 $('#stars1').css({backgroundPosition: '0px 0px'}); 
     $('#stars2').css({backgroundPosition: '0px 0px'}); 

     function move(object, direction){ 
      $(object).animate({backgroundPosition:'('+ direction +' -15000px)'}, 20000, 'linear', function(){$(object).css({backgroundPosition: '0px 0px'}); move(object, direction); }); 
     }; 

     move($("#stars1"), '-2000px'); 
     move($("#stars2"), '+2000px'); 

Answer 2

我不知道爲什麼要使用$.move，而不是.move，但你可以創建在選擇行動jQuery方法：

$.fn.move = function() { 
    $(this).animate({...}, function(){ $(this).move() }); 
}; 

http://jsfiddle.net/mG6W4/