这个Jquery菜单是驱使我发疯

This Jquery Menu is Driving Me Nuts?

本文关键字：发疯 Jquery 菜单 这个      更新时间：2023-09-26

我使用的是一个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; }

主要的问题是，当你把鼠标从菜单上移开时，它会停在原来的地方并缩小，而不是回到最左边的项目(Home)。

还有其他的怪癖，但我希望如果我能弄清楚这个，我就能解决其他的了。

希望这是有意义的(URL是www.buildagokart.com，如果你想看看我在说什么-这只是一个随机的URL，我用来测试)。

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