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 Plugin 插件的方法
Apr 20 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
利用Keydown事件阻止用户输入实现代码
Mar 11 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
node.js中的require使用详解
Dec 15 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
JavaScript适配器模式详解
Oct 19 Javascript
prettier自动格式化去换行的实现代码
Aug 25 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
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
使用字符串函数输出整数化的PHP版本号
2006/10/09 PHP
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
JavaScript 验证码的实例代码(附效果图)
2013/03/22 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
javascript手风琴下拉菜单实现代码
2015/11/12 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
分享Python文本生成二维码实例
2016/01/06 Python
python 中的divmod数字处理函数浅析
2017/10/17 Python
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
pytorch训练imagenet分类的方法
2018/07/27 Python
基于Python函数和变量名解析
2019/07/19 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
基于Python中random.sample()的替代方案
2020/05/23 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
改变生活的男士内衣:SAXX Underwear
2019/08/28 全球购物
大学生找工作推荐信范文
2013/11/28 职场文书
医学实习生自我鉴定
2013/12/12 职场文书
安全目标责任书
2014/07/22 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
学校财务管理制度
2015/08/04 职场文书
html5调用摄像头实例代码
2021/06/28 HTML / CSS