复制代码 代码如下:
$(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');
});
});
您可能感兴趣的文章:
- jQuery实现的淡入淡出二级菜单效果代码
- 基于jQuery实现的向下滑动二级菜单效果代码
- jquery实现像栅栏一样左右滑出式二级菜单效果代码
- jquery+css实现的红色线条横向二级菜单效果
- jQuery实现向下滑出的二级菜单效果实例
- 鼠标悬浮显示二级菜单效果的jquery实现
- jquery实现树形二级菜单实例代码
- 用jquery生成二级菜单的实例代码
- jquery实现的简单二级菜单效果代码