jQuery動畫相對位置（懸停時）bug，

Question

只要下面的代碼在Chrome和FF（未在其他瀏覽器中測試過）中運行，"text"就如同在圖像中一樣。 腳本應該解除上述"text" 4PX上mouseover和mouseout

但是相反，當鼠標在運動如下帶來的，每一次提升4PX上面將其返回到它的最後位置。

$(document).ready(function(){ 
    $('#n #c a').hover(function(){ 
     $('span',this).stop(true,true).animate({top:'-=4px'},200); 
    },function(){ 
     $('span',this).stop(true,true).animate({top:'+=4px'},400); 
    }); 
}); 

注：在上面的圖像文本只是一個，顯示爲理解他人的目的。 你必須快速捕捉同樣的效果。

Answer 1

我想你可以只設置頂部懸停和0像素-4px當鼠標存在

$(document).ready(function(){ 
    $('#n #c a').hover(function(){ 
     $('span',this).stop(true,true).animate({top:'-4px'},200); 
    },function(){ 
     $('span',this).stop(true,true).animate({top:'0px'},400); 
    }); 
});