如何在动画结束后重新运行动画(jQuery)?

时间:2011-09-01 13:36:25

标签: javascript jquery animation jquery-animate

我要做的是在页面上连续动画图像,同时可以拖动。目前,它移动,可拖动,并在初始动画完成后返回初始位置。

然而,我不知道如何让它再次运行,这是一个连续的动画循环。我想将函数animateCloud()放在animateCloud()中,但不知道在哪里附加它。以下是jsFiddle演示:

http://jsfiddle.net/iamacatperson/SfFgt/2/

如果有更好的方法,我也很感激。我刚刚开始学习jQuery,我只知道几种语法。

1 个答案:

答案 0 :(得分:3)

我不知道您为什么使用.stop(),但我想这应该有效 -

function animateCloud() {
    $(cloud).animate({
        left: '300px'
    }, 25000, function() {
        $(this).css({ left: '0' });
         animateCloud();
    });

}

我希望这就是你想要的。