jquery - 重复 jQuery 动画（从左到右之后）

Question

我已经在这里搜索了解决方案，但不幸的是对我没有任何帮助。

我有一些动画云彩，从我的页面的左边飞到右边，但是我怎么能重复这个动画呢？

我的代码：

(JS)

$(window).load(function animation() {   
  $(".big_cloud").delay(5000).animate( { marginLeft: '100%' }, speed, 'linear');
  });

(CSS)

.big_cloud {
background-image: url('images/big_cloud.png');
width: 272px;
height: 174px;
cursor:pointer;
position: absolute;
margin-left: -280px;
z-index: 3;
}

(HTML)

<div class="big_cloud"></div>

例如，在云位于页面中间之后，是否可以开始重复？

谢谢！

Answer 1

这样的事情是否达到了你想要的

http://jsfiddle.net/uxyFE/

一旦动画完成并再次调用该函数，我只需将现有的云移动到负边距即可。当然，这意味着一次只有一朵云

Answer 2

像这样的东西？

$(".big_cloud").everyTime((speed * 2), function (){
    $(".big_cloud").animate({ marginLeft:'100%' }, speed, 'linear').animate({ marginLeft:'0%' }, speed, 'linear');
});

来源：http ://www.irengba.com/codewell/