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

Posted 2023-05-08

【中文标题】JQuery：模拟球员在球场上移动

【英文标题】：JQuery : simulate player moving on the field

【发布时间】：2011-12-11 22:36:01

【问题描述】：

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

干杯！

【参考方案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

divbackground: red; float: left;position: absolute; left: 0;

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

【讨论】：

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