jquery - 如何循环.animate JQuery

我正在与一个带有内部图像的div工作。我需要动画从页面的左右滚动，然后返回到右边并继续循环。我看过这里的许多帖子，但无法正常运行脚本。

'$(document).ready(function(){
    function loop() {

       $('#clouds').animate({left: '+=1400',},50000, 'linear', function(){
           loop();
       });

的HTML

< div id="clouds">< img border="0" alt="animated clouds" src="/images/clouds.png" />< /div>

的CSS

#clouds {
    position:absolute;
    z-index:500;
    right:0px;
    top:10px;
}

最佳答案

尝试这个：

JSFiddle http://jsfiddle.net/2YqH2/

您没有将云移回右侧。在循环功能中，我添加了

$('#clouds').css({right:0});

并且循环将从那里继续。我还更改了动画以为“ right”属性设置动画，因为您说过要让云从右向左移动。

另外，您的JavaScript格式也不正确。确保您得到那些右大括号和括号！这是固定的javascript。

$(document).ready(function() {
    function loop() {
        $('#clouds').css({right:0});
        $('#clouds').animate ({
            right: '+=1400',
        }, 5000, 'linear', function() {
            loop();
        });
    }
    loop();
});