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