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搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
深入理解JavaScript是如何实现继承的
Dec 12 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
Jun 13 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
AngularJS 中文API参考手册
Jul 28 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
js的各种数据类型判断的介绍
Jan 19 Javascript
微信小程序 Storage更新详解
Jul 16 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 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
thinkphp如何获取客户端IP
2015/11/03 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
IE无法设置短域名下Cookie
2010/09/23 Javascript
DOM_window对象属性之--clipboardData对象操作代码
2011/02/03 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
js自动生成对象的属性示例代码
2013/10/28 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
详解JavaScript的while循环的使用
2015/06/03 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
基于vue实现分页效果
2017/11/06 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
python dict如何定义
2020/09/02 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
python音频处理的示例详解
2020/12/23 Python
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
MIS软件工程师的面试题
2016/04/22 面试题
幼儿园毕业家长感言
2014/02/10 职场文书
庆元旦迎新年广播稿
2014/02/18 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
销售员岗位职责
2015/02/10 职场文书
高中家长意见怎么写
2015/06/03 职场文书
唐山大地震的观后感
2015/06/05 职场文书
2016元旦晚会主持词开场白和结束语
2015/12/04 职场文书
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android
关于使用Redisson订阅数问题
2022/01/18 Redis