jquery实现带二级菜单的导航示例

复制代码代码如下:
$（document）.ready（function （） {
    $（"#Top .Toolbar1 .CentreBox .Menu .List1 li"）.mouseenter（function （） {
        var index = $（this）.parent（）.children（）.index（this）;
        $（this）.parent（）.children（）.each（function （） {
            if （$（this）.hasClass（"Select"）） {
                $（this）.removeClass（"Select"）;
            }
        }）;
        $（this）.addClass（"Select"）;

        $（"#Top .Toolbar2 .CentreBox .Menu"）.each（function （） {
            if （！$（this）.hasClass（"Hide"）） {
                $（this）.addClass（"Hide"）;
            }
        }）;
        $（"#Top .Toolbar2 .CentreBox .Menu"）.eq（index）.removeClass（"Hide"）;
    }）;

    $（"#Top .Toolbar2 .CentreBox .Menu ul li a"）.mouseenter（function （） {
        var index = $（"#Top .Toolbar2 .CentreBox .Menu ul li a"）.index（this）;
        $（"#Top .Toolbar2 .CentreBox .Menu ul li"）.each（function （） {
            if （$（this）.hasClass（"Select"）） {
                $（this）.removeClass（"Select"）;
            }
        }）;
        $（this）.parent（）.addClass（"Select"）;
    }）;
}）;