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 相关文章推荐
this和执行上下文实现代码
Jul 01 Javascript
js 模拟气泡屏保效果代码
Jul 10 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
Jul 11 Javascript
IE与FireFox中的childNodes区别
Oct 20 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
Jan 11 Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
AngularJS基础知识笔记之表格
May 10 Javascript
Google 地图获取API Key详细教程
Aug 06 Javascript
记录vue项目中遇到的一点小问题
May 14 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 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
无线电广播的开始
2002/01/30 无线电
php 常用字符串函数总结
2008/03/15 PHP
php 图片加水印与上传图片加水印php类
2010/05/12 PHP
php 操作符与控制结构
2012/03/07 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
php实现的双向队列类实例
2014/09/24 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
jQuery Form表单取值的方法
2017/01/11 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
小程序接入腾讯位置服务的详细流程
2020/03/03 Javascript
微信小程序实现底部弹出框
2020/11/18 Javascript
[01:12:08]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.24
2019/09/10 DOTA
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
Python partial函数原理及用法解析
2019/12/11 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
Python requests模块session代码实例
2020/04/14 Python
Django-migrate报错问题解决方案
2020/04/21 Python
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
进程的查看和调度分别使用什么命令
2015/03/25 面试题
趣味体育活动方案
2014/02/08 职场文书
就业协议书怎么填
2014/04/11 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
孟佩杰观后感
2015/06/17 职场文书
少先队大队委竞选口号
2015/12/25 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
浅谈如何提高PHP代码质量之端到端集成测试
2021/05/28 PHP