jquery实现带二级菜单的导航示例
2014-04-28 00:00
796 查看
$(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+css实现的蓝色水平二级导航菜单效果代码
- Jquery实现带动画效果的经典二级导航菜单
- Jquery实现带动画效果的经典二级导航菜单
- jquery实现向下滑出的二级导航下滑菜单效果
- jQuery实现淡入淡出二级下拉导航菜单的方法
- jQuery实现淡入淡出二级下拉导航菜单的方法
- jQuery实现二级下拉导航菜单(织梦DedeCMSv5.7版)
- jquery实现向下滑出的二级导航下滑菜单效果
- jQuery实现的导航下拉菜单效果示例
- jQuery实现淡入淡出二级下拉导航菜单的方法
- jQuery+css实现的蓝色水平二级导航菜单效果代码
- jquery实现的二级导航代码
- jQuery实现可展开折叠的导航效果示例
- 原生js和jquery分别实现横向导航菜单效果
- jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
- 以JavaScript来实现WordPress中的二级导航菜单的方法
- jQuery实现简单的下拉菜单导航功能示例
- 基于jQuery实现以手风琴方式展开和折叠导航菜单