2011-10-20 35 views
0

我试图模拟在场上移动的球员(例如在这种情况下为div元素,作为球员为img元素)。我怎样才能使img在开始时平稳移动,逐渐加速直到达到“最高速度”,并继续这样做,除非路线的末端足够接近再次完成2个初始步骤,而是向后模拟停下来。JQuery:模拟球员在场上移动

干杯!

回答

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,动态等......你去:)

+0

谢谢,这就是我所需要的。实际上'animate()'有它自己的缓动方法,所以不需要使用'setTimeout()'来执行附加效果,但是执行一个玩家的周转是有用的。干杯! :) – yoda