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 相关文章推荐
在IE浏览器中resize事件执行多次的解决方法
Jul 12 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
关于 jQuery Easyui异步加载tree的问题解析
Dec 06 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
JavaScript实现简单的树形菜单效果
Jun 23 Javascript
javascript中的replace函数(带注释demo)
Jan 07 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
JavaScript反射与依赖注入实例详解
May 29 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 Javascript
layui的select联动实现代码
Sep 28 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
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使用array_fill定义多维数组的方法
2015/03/18 PHP
php封装的page分页类完整实例
2016/10/18 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
基于JQuery实现的Select级联
2014/01/27 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
2014/06/12 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
2016/05/13 Javascript
用NodeJS实现批量查询地理位置的经纬度接口
2016/08/16 NodeJs
jquery Banner轮播选项卡
2016/12/26 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
2020/01/04 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
2020/11/10 Javascript
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
CSS3系列之3D制作方法案例
2017/08/14 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
澳大利亚在线消费电子产品商店:TobyDeals
2020/01/05 全球购物
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
标准导师推荐信(医学类)
2013/10/28 职场文书
领导班子整改方案
2014/10/25 职场文书
实习护士自荐信
2015/03/25 职场文书
运动会运动员赞词
2015/07/22 职场文书
2016新年致辞
2015/08/01 职场文书
入党心得体会
2019/06/20 职场文书
MySQL 表空间碎片的概念及相关问题解决
2021/05/07 MySQL
Navicat Premium自定义 sql 标签的创建方式
2022/09/23 数据库
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python