JQuery：模拟球员在场上移动

Question

我正在尝试模拟在场上移动的玩家（例如，在本例中 div 元素，将玩家作为 img 元素）。我如何让 img 在开始时平稳移动，逐渐加速直到达到“最高速度”并继续这样做，除非路线的终点足够接近以完成 2再次进行初始步骤，但向后退以模拟停止。

干杯!

Answer 1

http://jsfiddle.net/aPNKQ/

html

 <div>Help</div>

jq

$(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、动态等等...就这样:)