使用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'); 
);