用jquery连续运动动画

Question

连续运动

我想在上面的网站重新创建卡车时刻,它是在mootools中完成的.我将如何编码,是否有一个jQuery插件来执行此操作？

因此,从屏幕的开始到结束为对象设置动画,然后重新开始.我该怎么做这个jQuery

任何帮助将不胜感激

Answer 1

这是一个JSFiddle示例http://www.jsfiddle.net/XpAjZ/

有关jQuery animate的更多信息:http://api.jquery.com/animate/

演示展示了以不同的速度在屏幕上制作动画的2个方框等.(见小提琴)

相关的jQuery代码:

var animateMe = function(targetElement, speed){

    $(targetElement).css({left:'-200px'});
    $(targetElement).animate(
        {
        'left': $(document).width() + 200
        },
        {
        duration: speed,
        complete: function(){
            animateMe(this, speed);
            }
        }
    );

};
animateMe($('#object1'), 5000);
animateMe($('#object2'), 3000);