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

前端技术 2023/09/07 JavaScript

复制代码 代码如下:

$(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\');
    });
});

本文地址：https://www.stayed.cn/item/18512

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案