使用jQuery動畫（）API並不能讓它停止跳動

Question

當前代碼：

$(document).ready(function(){ 
    $('#go').hover(
     function(){ // Change the input image's source when we "roll on" 
      $(this).animate({"top": "-=100px"}, 50, "linear", function(){ 
       $(this).animate({"top": "+=100px"}, 50); 
      }); 
      $(this).attr({ src : '/gfx/go_over.png'}); 
     }   
    ); 
}); 

基本上我希望我的按鈕彈起並改變狀態，那麼當它回來了下來，將留在那個改變的狀態。在滾動期間，我希望發生逆轉。

林不知道我在這裏做什麼，因爲每次它下來它徘徊和再次反彈。

Answer 1

如果你傳遞一個函數來.hover()這將在mouseenter和mouseleave事件被執行，如果你只是希望它動過的元素時發生一次，直接使用.mouseenter()，像這樣：

$(function(){ 
    $('#go').mouseenter(function(){ 
    $(this).animate({"top": "-=100px"}, 50, "linear", function(){ 
     $(this).animate({"top": "+=100px"}, 50); 
    }); 
    $(this).attr({ src : '/gfx/go_over.png'}); 
    }); 
});