这个 Jquery 菜单让我发疯了吗？

Question

我正在使用一个 jquery 导航菜单，当您将鼠标悬停在一个元素上并突出显示它时，该菜单会跟随一行。它现在有效，但我遇到了一堆我一生都无法解决的古怪问题。

我会先给你看我的代码，然后解释我遇到的问题。

$(document).ready(function()
{
    $('#nav2 li a').hover(function()
    {
        var offset=$(this).offset();
        var thiswidth =$(this).width()+13;
        $('#nav2 li.ybg').stop().animate({left:offset.left+12+"px",width:thiswidth+"px"},400,function(){
            $(this).animate({height:"28px"},150);
        });    
    },
    function()
    {
        $('#nav2 li.ybg').stop().animate({height:"4px"},150,function(){
            var offset=$(this).offset();
            $(this).animate({left:offset.left+40+"px",width:"55px"},600,'easeOutBounce');   
        });    
    }); 

}); 另外，如果有帮助，这里是 ybg 的 DIV：

ul.nav li.ybg { background-color:#5222B4; position:absolute; z-index:50; width:55px; height:4px; margin-top:6px; }

主要问题是，当您将鼠标移出菜单时，它会停在原处并缩小，而不是回到最左边的项目（主页）。

还有其他怪癖，但我希望如果我能解决这个问题，我就能解决剩下的问题。

希望这是有道理的（如果你想看看我在说什么，网址是 www.buildagokart.com - 这只是我用来测试的随机网址）。

Answer 1

...
        $(this).animate({ left: "0px", width: "55px" }, 600, 'easeOutBounce');   
...