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列表框操作函数集合汇总
Nov 28 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
浅谈addEventListener和attachEvent的区别
Jul 14 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
总结js函数相关知识点
Feb 27 Javascript
js实现图片推拉门效果代码实例
May 18 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
前端深入理解Typescript泛型概念
Mar 09 Javascript
小程序表单认证布局及验证详解
Jun 19 Javascript
在实例中重学JavaScript事件循环
Dec 03 Javascript
js canvas实现五子棋小游戏
Jan 22 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
第十三节--对象串行化
2006/11/16 PHP
php格式化工具Beautify PHP小小BUG
2008/04/24 PHP
PHP教程 预定义变量
2009/10/23 PHP
php读取xml实例代码
2010/01/28 PHP
php tp验证表单与自动填充函数代码
2012/02/22 PHP
PHP人民币金额转大写实例代码
2015/10/02 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
一些易混淆且不常用的属性,希望有用
2007/01/29 Javascript
js取得url地址参数实例
2013/02/22 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
详解redux异步操作实践
2018/08/15 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
python实现定时提取实时日志程序
2018/06/22 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
500行代码使用python写个微信小游戏飞机大战游戏
2019/10/16 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
django使用channels实现通信的示例
2020/10/19 Python
HTML5文档结构标签
2017/04/21 HTML / CSS
护理专科自荐书范文
2014/02/18 职场文书
国窖1573广告词
2014/03/21 职场文书
最常使用的求职信
2014/05/25 职场文书
国际商务专业毕业生自我鉴定2014
2014/09/27 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书
幼儿园大班教师评语
2019/06/21 职场文书
Redis集群的关闭与重启操作
2021/07/07 Redis
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python