用jquery连续运动动画
连续运动
我想在上面的网站重新创建卡车时刻，它是在mootools完成的。 我将如何编写代码，是否有一个jQuery插件来执行此操作？
因此，从屏幕的开始到结束为对象设置动画，然后重新开始。 我该怎么做这个jQuery
任何帮助将不胜感激
这是一个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); 以下是以下代码的示例。
jQuery使用position:absolute CSS属性和.animation() [DOCS]方法回调相对简单。 您将基本上在命名函数中的一段时间内为left CSS属性设置动画，然后在动画完成时在动画回调中调用该函数，如下所示：
var animateTruck = function () { $('#truck').css('left','-50px') .animate({'left':$(window).width()}, 4000, 'linear', function(){ animateTruck(); }); }; animateTruck();
如果你有一个带有图片的div，就像这样：
这是一个jQuery示例，用于在div / screen上滑动图片：
function moveTruck(){ $('#truck').animate( {'margin-left': '1000px'}, 3000, // Animation-duration function(){ $('#truck').css('margin-left','-100px'); moveTruck(); }); } moveTruck();
希望能解决……
你怎么能这样做，但内容框慢慢地在屏幕的宽度上来回移动（不通过屏幕并从另一侧开始）？