使用jquery实现连续运动动画
使用jquery实现连续运动动画
提问于 2011-01-28 06:12:24
continuous movement
我想在上面的网站上重现卡车时刻，它是在mootools中完成的。我该如何编写代码，有没有jQuery插件可以做到这一点？
因此，从头到尾动画一个对象，然后它又重新开始。我该怎么做jQuery
任何帮助我们都将不胜感激。
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-01-28 06:35:47
这是一个JSFiddle示例http://www.jsfiddle.net/XpAjZ/
有关jQuery动画的更多信息：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);Stack Overflow用户
发布于 2011-01-28 06:30:38
如果你有一个里面有图片的div，就像这样：
<div style="width: 1000px">
<img src="truck.png" id="truck" style="margin-left: -100px" />
</div>下面是一个在div/screen上滑动图片的jQuery示例：
function moveTruck(){
$('#truck').animate(
{'margin-left': '1000px'},
3000, // Animation-duration
function(){
$('#truck').css('margin-left','-100px');
moveTruck();
});
}
moveTruck();希望这能解决问题。
Stack Overflow用户
发布于 2014-09-18 05:01:12
你怎么能让内容框在屏幕的宽度上缓慢地来回移动(而不是穿过屏幕并从另一边开始)呢？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4822524
复制相关文章
相似问题
腾讯云开发者
