JQuery:模拟玩家在场上移动

时间:2011-10-20 16:11:24

标签: jquery jquery-animate image motion

我正在尝试模拟在该字段上移动的玩家(例如,在这种情况下为div元素,作为玩家img元素)。如何在开始时平稳地进行img移动,逐步加速直到达到“最高速度”并继续进行,除非路线的末端足够接近再做2个初始步骤但后退以模拟停止。

干杯!

1 个答案:

答案 0 :(得分: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的速度,动态等......你去吧:)