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


Posted in Javascript onApril 28, 2014
$(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');
    });
});
Javascript 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
js prototype截取字符串函数
Apr 01 Javascript
(function($){...})(jQuery)的意思
Jul 22 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
jQuery中常用的遍历函数用法实例总结
Sep 01 Javascript
基于Bootstrap实现图片轮播效果
May 22 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
Jun 23 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 Javascript
在JavaScript中如何使用宏详解
May 06 Javascript
jquery实现的导航固定效果
Apr 28 #Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 #Javascript
一个简单的jquery进度条示例
Apr 28 #Javascript
javascript处理表单示例(javascript提交表单)
Apr 28 #Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 #Javascript
node.js中的socket.io入门实例
Apr 26 #Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 #Javascript
You might like
php实现字符串首字母大写和单词首字母大写的方法
2015/03/14 PHP
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
网上应用的一个不错common.js脚本
2007/08/08 Javascript
javascript 数组的方法集合
2008/06/05 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
setTimeout与setInterval的区别浅析
2019/03/23 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
Ubuntu下安装PyV8
2016/03/13 Python
Python闭包的两个注意事项(推荐)
2017/03/20 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
详解tensorflow2.x版本无法调用gpu的一种解决方法
2020/05/25 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
python实现跨年表白神器--你值得拥有
2021/01/04 Python
CSS3中border-radius属性设定圆角的使用技巧
2016/05/10 HTML / CSS
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
斯凯奇新西兰官网:SKECHERS新西兰
2018/02/22 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
医学专业个人求职自荐信格式
2013/09/23 职场文书
实习自我鉴定模板
2013/09/28 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
卖房协议书样本
2014/10/30 职场文书
论文答辩开场白大全
2015/05/27 职场文书
微信小程序实现聊天室功能
2021/06/14 Javascript