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 相关文章推荐
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 Javascript
javascript模拟实现C# String.format函数功能代码
Nov 25 Javascript
js确认删除对话框效果的示例代码
Feb 20 Javascript
javascript实现类似超链接的效果
Dec 26 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
Jun 28 Javascript
深入浅析javascript中的作用域(推荐)
Jul 19 Javascript
JS中的数组转变成JSON格式字符串的方法
May 09 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
BootStrap表单控件之复选框checkbox和单选择按钮radio
May 23 Javascript
详解AngularJS2 Http服务
Jun 26 Javascript
Express系列之multer上传的使用
Oct 27 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中is_file()函数使用指南
2015/05/08 PHP
CodeIgniter配置之SESSION用法实例分析
2016/01/19 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
基于Laravel(5.4版本)的基本增删改查操作方法
2019/10/11 PHP
PHP大文件及断点续传下载实现代码
2020/08/18 PHP
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
jQuery选择器源码解读(二):select方法
2015/03/31 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
2017/04/18 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
原生JS实现天气预报
2020/06/16 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
React 条件渲染最佳实践小结(7种)
2020/09/27 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Python正则表达式经典入门教程
2017/05/22 Python
Django logging配置及使用详解
2019/07/23 Python
python实现邮件自动发送
2019/08/10 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
使用tkinter实现三子棋游戏
2021/02/25 Python
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
师范大学音乐表演专业求职信
2013/10/23 职场文书
远程教育心得体会
2014/01/03 职场文书
英语道歉信范文
2014/01/09 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
阿里云日志过滤器配置日志服务
2022/04/09 Servers