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); 
    }); 
});