jQuery动画相对位置（悬停）bug，

Question

每当在Chrome和FF中运行以下代码（未在其他浏览器中测试）时，"text"就像在图像中一样。 该脚本应该将"text"上方的mouseover 4px提升到mouseout并将其返回$(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); }); });

但是当鼠标按下面的方式进行动作时，每次将它提升到4px以上到最后位置。

{{1}}

注意：在上面的图像中，文本只是一个，其他的是为了理解目的而显示。 你必须迅速抓住同样的效果。

Answer 1

我认为你可以在悬停时将顶部设置为-4px，在鼠标存在时设置为0px

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