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 replace()正则替换实现代码
Feb 26 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
javascript制作2048游戏
Mar 30 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
详解angularjs 关于ui-router分层使用
Jun 12 Javascript
详解用Node.js写一个简单的命令行工具
Mar 01 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
Oct 18 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
Apr 30 Javascript
JavaScript实现多球运动效果
Sep 07 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中对xml读取的相关函数的介绍一
2008/06/05 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
php操作redis缓存方法分享
2015/06/03 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
jQuery实现图片信息的浮动显示实例代码
2013/08/28 Javascript
jquery 鼠标滑动显示详情应用示例
2014/01/24 Javascript
jQuery修改CSS伪元素属性的方法
2014/07/30 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
jQuery实现类似淘宝网图片放大效果的方法
2015/07/08 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
2016/12/15 Javascript
纯js实现html转pdf的简单实例(推荐)
2017/02/16 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
HTML的select控件美化
2017/03/27 Javascript
基于vue-video-player自定义播放器的方法
2018/03/21 Javascript
详解js获取video任意时间的画面截图
2019/04/17 Javascript
在Python的Django框架中simple-todo工具的简单使用
2015/05/30 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
Python 占位符的使用方法详解
2019/07/10 Python
python 扩展print打印文件路径和当前时间信息的实例代码
2019/10/11 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
把vgg-face.mat权重迁移到pytorch模型示例
2019/12/27 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
数字化校园建设方案
2014/05/03 职场文书
党员评议思想汇报
2014/10/08 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
五年级作文之学校的四季
2019/12/05 职场文书
如何使用分区处理MySQL的亿级数据优化
2021/06/18 MySQL
Python pandas读取CSV文件的注意事项(适合新手)
2021/06/20 Python
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python