JavaScript导航脚本判断当前导航


Posted in Javascript onJuly 12, 2016

废话不多说,直接给大家贴代码了。

<script>
$(function () {
//highlight current / active link 左侧导航判断当前活动导航
$('ul.main-menu li a').each(function () {
var wo = window.location.href.substring(window.location.href.lastIndexOf('/') + 1, window.location.href.lastIndexOf('.'));
if ($(this).attr('href') == (wo + ".html")) {
$(this).parent().addClass('active');
$(this).parents().addClass('active');
$(this).parents('li').find("i:first").toggleClass("glyphicon-minus");
$(this).parents('ul').slideDown();
}else
if (("dxs" == wo || "syd" == wo)&&($(this).attr('href')=="dbs.html")) {
$(this).parent().addClass('active');
$(this).parents().addClass('active');
$(this).parents('li').find("i:first").toggleClass("glyphicon-minus");
$(this).parents('ul').slideDown();
}
});
/*** begin 主页左侧菜单 */ 
$(".main-menu a").click(function () {
//将当前li设置为活动状态
$(this).find("i:first").toggleClass("glyphicon-minus");
});
$(".main-menu a").click(function () {
//更换其他导航的加减号图标
$(this).parent('li').siblings(".active").find("i:first").toggleClass("glyphicon-minus");
//alert($(this).index());
//去掉其他导航的点击样式并折叠
$(this).parent('li').siblings(".active").removeClass("active").children("ul").slideUp('fast');
$(this).next('ul').slideToggle('fast');
$(this).parent('li').addClass('active');
});
/************** end 主页左侧菜单 */
})
</script>

以上所述是小编给大家介绍的JavaScript导航脚本判断当前导航,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 Javascript
js网页侧边随页面滚动广告效果实现
Apr 14 Javascript
JS定时器实例
Apr 17 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
node静态服务器实现静态读取文件或文件夹
Dec 03 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
Jul 12 #Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 #Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 #Javascript
JavaScript中的事件委托及好处
Jul 12 #Javascript
原生js实现class的添加和删除简单代码
Jul 12 #Javascript
JavaScript动态添加事件之事件委托
Jul 12 #Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 #Javascript
You might like
MYSQL数据库初学者使用指南
2006/11/16 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
PHP排序算法之希尔排序(Shell Sort)实例分析
2018/04/20 PHP
Yii Framework框架开发微信公众平台示例
2020/04/26 PHP
让任务管理器中的CPU跳舞的js代码
2008/11/01 Javascript
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
js动态移动滚动条至底部示例代码
2014/04/24 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
用jmSlip编写移动端顶部日历选择控件
2016/10/24 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
基于JavaScript实现验证码功能
2017/04/01 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
vue写h5页面的方法总结
2019/02/12 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
Python中List.count()方法的使用教程
2015/05/20 Python
Python实现LRU算法的2种方法
2015/06/24 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
升级keras解决load_weights()中的未定义skip_mismatch关键字问题
2020/06/12 Python
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
编写用C语言实现的求n阶阶乘问题的递归算法
2014/10/21 面试题
资产经营总监岗位职责范文
2013/12/01 职场文书
移风易俗倡议书
2014/04/15 职场文书
党员自我评议个人对照检查材料
2014/09/16 职场文书
开展党的群众路线教育实践活动个人对照检查材料
2014/11/05 职场文书
黄山导游词
2015/01/31 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python
git中cherry-pick命令的使用教程
2022/06/25 Servers