如何循环.animate JQuery

Question

我正在使用一个带有图像的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;
}

Answer 1

试试这个:

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

你不是把云移回右边.在循环函数内部,我补充说

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

循环将从那里继续.我还改变了你的动画来为"右"属性设置动画,因为你说你希望云从右向左移动.

此外,您的JavaScript不是很好.确保你得到那些结束括号和括号!这是固定的javascript.

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