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 相关文章推荐
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
jquery 插件开发备注
Aug 27 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
canvas绘制多边形
Feb 24 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 Javascript
Vue切换Tab动态渲染组件的操作
Sep 21 Javascript
JS前端可视化canvas动画原理及其推导实现
Aug 05 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
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
基于GD2图形库的PHP生成图片缩略图类代码分享
2015/02/08 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
Yii框架实现记录日志到自定义文件的方法
2017/05/23 PHP
javascript背投广告代码的完善
2008/04/08 Javascript
JS 类型转换常见方法小结
2010/05/31 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
2011/04/06 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
详解在React-Native中持久化redux数据
2019/05/22 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
python连接池实现示例程序
2013/11/26 Python
python计数排序和基数排序算法实例
2014/04/25 Python
使用Python的PEAK来适配协议的教程
2015/04/14 Python
python GUI实例学习
2017/11/21 Python
Python装饰器的执行过程实例分析
2018/06/04 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
Python List cmp()知识点总结
2019/02/18 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
Lookfantastic法国官网:英国知名美妆购物网站
2017/10/28 全球购物
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
总经理助理岗位职责
2013/11/08 职场文书
师德建设实施方案
2014/03/21 职场文书
绿色环保家庭事迹材料
2014/08/31 职场文书
商家认证委托书格式
2014/10/16 职场文书
学习保证书100字
2015/02/26 职场文书
个人先进事迹总结
2015/02/26 职场文书
学生保证书格式
2015/02/27 职场文书
win11电脑关机鼠标灯还亮怎么解决? win11关机后鼠标灯还亮解决方法
2023/01/09 数码科技