jquery,从右到左飞行的动画图像(循环)

时间:2014-06-18 16:50:59

标签: jquery loops

我有一个img-tag(一只鸟),我想用jQuery从右到左为它设置动画。它应该一次又一次地飞出去。

就像在这个网站上飞过天空的小黄色直升机:http://www.abramsbooks.com/wesandersoncollection/

有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

首先你获得窗口的宽度,在这种情况下我使用我刚刚创建的容器div,然后你只需要循环它。当然这很简单,但它应该给你一个想法。

var width = $('#container').width();

function loop() {
        $('#chopper').css({left:0});
    $("#chopper").animate({"left":width}, 5000, "linear", function(){
            loop();
     });
}
loop();

的jsfiddle http://jsfiddle.net/ap8n3/