时间:2021-05-26
复制代码 代码如下:
$(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');
});
});
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery+css实现的蓝色水平二级导航菜单效果。分享给大家供大家参考。具体如下:这是一款蓝色经典的jQuery+CSS实现水平二级导航菜单,相
本文实例讲述了jquery实现简单的二级导航下拉菜单效果。分享给大家供大家参考。具体如下:jQuery代码实现的二级导航菜单效果,非常简洁,喜欢简洁风格的朋友您
本文实例讲述了jQuery实现带动画效果的二级下拉导航方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:jQuery二级下滑导菜单body{fon
之前分享了很多纯css的导航菜单,今天给大家分享一款基于jquery和css3的响应式二级导航菜单,这款导航是传统的基于顶部,鼠标经过的时候显示二级导航,还
本文实例为大家分享了vue.js实现二级菜单效果的具体代码,供大家参考,具体内容如下主要是对二级菜单和当前点击的处理:点击导航时,如果有二级菜单,就切换二级菜单