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');   
...

这个Jquery菜单让我开心？

1 个答案: