JQuery：模拟球员在球场上移动

【问题标题】：JQuery : simulate player moving on the fieldJQuery：模拟球员在球场上移动
【发布时间】：2011-12-11 22:36:01
【问题描述】：

我正在尝试模拟一名球员在球场上移动（例如，在这种情况下，div 元素，作为一名img 元素的球员）。我该如何让img 在开始时平稳移动，逐渐加速直到达到“最高速度”并继续这样做，除非路线的尽头足够接近再次执行 2 个初始步骤但向后模拟停止。

干杯！

【问题讨论】：

标签： jquery jquery-animate image motion

【解决方案1】：

http://jsfiddle.net/aPNKQ/

html

 <div>Help</div>

$(function (){
    $('div').animate({left: '100px'},5000);
    setTimeout(function (){
        $('div').stop(false,false).animate({left: '100px'},2000);
    },1000);
})

CSS

div{background: red; float: left;position: absolute; left: 0;}

只要有一点想象力，你就可以让速度达到 5000,4000、动态等......你去吧 :)

【讨论】：

谢谢，这正是我所需要的。其实animate() 有自己的缓动方法，所以不需要使用setTimeout() 来执行附加效果，但是执行玩家的转身会很有用。干杯! :)