2011-10-20 5 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

관련 문제