JQuery：鼠標懸停時的鏈接效果

Question

$(document).ready(function(){ 
    $("#menu a").mouseover(function(){ 
     $(this).animate({top: +5}, function(){ 
      $(this).animate({top: -5}); 
     }); 
    }); 
}); 

我希望我的菜單中的鏈接可以在將moused放在它們上方時上下跳動（一次）。 這段代碼的問題是，如果我將鼠標停留在鏈接上，它會繼續向上移動，而不會回落，所以我想也許我應該在函數開始時刪除此事件，並在它結束時將其替換回去。我真的不知道最新的方法是什麼...

Answer 1

你試過mouseenter而不是鼠標懸停嗎？

Answer 2

檢查如何定位鏈接。如果我將位置設置爲鏈接的相對位置，您的代碼正在爲我工​​作。這裏是JSFiddle。

http://jsfiddle.net/Nbm6K/

Answer 3

您可以嘗試使用#wooble功能