如何循环.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});

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

此外,您的JavaScript格式不正确.确保你得到那些结束括号和括号！这是固定的javascript.

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

原文地址：https://www.jb51.cc/jquery/177597.html