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 相关文章推荐
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
JavaScript通过元素的ID和name设置样式
Jul 08 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
分享JS数组求和与求最大值的方法
Aug 11 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
Vue底层实现原理总结
Feb 17 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 Javascript
js实现一个简易计算器
Mar 30 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 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
jQuery 源码分析笔记
2011/05/25 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
JavaScript更改class和id的方法
2008/10/10 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
2016/06/21 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
JQuery animate动画应用示例
2019/05/14 jQuery
vue elementui el-form rules动态验证的实例代码详解
2019/05/23 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
Python装饰器的函数式编程详解
2015/02/27 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
Python实现图像几何变换
2015/07/06 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
python实现点对点聊天程序
2018/07/28 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python3显示当前时间、计算时间差及时间加减法示例代码
2019/09/07 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
python实现三种随机请求头方式
2021/01/05 Python
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
签约仪式策划方案
2014/06/02 职场文书
地道战观后感
2015/06/04 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
少儿励志名言(80句)
2019/08/14 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python