jQuery로 애니메이션 속도를 변경하십시오.

Question

$("a").hover(function(){ 
    $(this).animate({left: '-500px'}, 'slow'); 
); 

이 코드를 사용하여 링크의 위치를 ​​애니메이션으로 나타냅니다. slow의 애니메이션 속도로 왼쪽 구석으로 이동합니다.

링크를 클릭하면이 애니메이션의 속도를 fast으로 어떻게 바꿀 수 있습니까?

우리는 가야 :

• slow 애니메이션 링크를 가리킬 때.
• fast 클릭하면

문제는 링크를 클릭 할 때 이미 애니메이션이 적용될 수 있다는 것입니다. 어떻게 생각해?

감사합니다.

Answer 1

$("a").hover(function(){ 
    $(this).animate({left: '-500px'}, 'slow'); 
).click(function() { 
    $(this).dequeue().animate({left: '-500px'}, 'fast'); 
}); 

Answer 2

당신이 시도 할 수 :

(테스트되지 않음)

$("a").click(function(){ 
    $(this).stop(true).animate({left: '-500px'}, 'fast'); 
); 

Answer 3

이것은 작동 할 수 있습니다 실행 이미 모든 애니메이션을 중지 stop()를 사용하여.

$("a").click(function(){ 
    $(this).stop() 
    $(this).animate({left: '-500px'}, 'fast'); 
);