jquery - Jquery无限期动画

Question

看过很多文章，但无法让动画功能无限期地运行。请帮帮我。

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

Answer 1

我不确定为什么要使用$.move而不是.move，但是您可以创建作用于选择器的 jQuery 方法：

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

http://jsfiddle.net/mG6W4/

Answer 2

完成了！

        $('#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');