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和firefox浏览器的event事件兼容性汇总
Dec 06 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
bootstrap css样式之表单
Jan 19 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
讲解vue-router之什么是动态路由
May 28 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
Aug 07 Javascript
jQuery实现简单全选框
Sep 13 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
短波收音机简介
2021/03/01 无线电
浅析php原型模式
2014/11/25 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
onpropertypchange
2006/07/01 Javascript
web前端开发也需要日志
2010/12/09 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
超链接怎么正确调用javascript函数
2016/05/23 Javascript
json的使用小结
2016/06/08 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
详解node nvm进行node多版本管理
2017/10/21 Javascript
微信小程序实现的绘制table表格功能示例
2019/04/26 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
如何使用Javascript中的this关键字
2020/05/28 Javascript
python实现基本进制转换的方法
2015/07/11 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
用python3 返回鼠标位置的实现方法(带界面)
2019/07/05 Python
Python计算不规则图形面积算法实现解析
2019/11/22 Python
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
大学生职业生涯规划范文
2013/12/31 职场文书
《小松树和大松树》教学反思
2014/02/20 职场文书
高中生职业规划范文
2014/03/09 职场文书
高中生班主任评语
2014/04/25 职场文书
财务管理专业毕业生求职信
2014/06/02 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
幼儿园见习总结
2015/06/23 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL