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和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
Jquery实现上下移动和排序代码
Oct 17 Javascript
详解React-Todos入门例子
Nov 08 Javascript
详解vue axios中文文档
Sep 12 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
ES6小技巧之代替lodash
Jun 07 Javascript
js实现随机div颜色位置 类似满天星效果
Oct 24 Javascript
javascript 内存模型实例详解
Apr 18 Javascript
js实现类选择器和name属性选择器的示例步骤
Feb 07 Javascript
JavaScript实现前端倒计时效果
Feb 09 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
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
用php获取远程图片并把它保存到本地的代码
2008/04/07 PHP
PHP版自动生成文章摘要
2008/07/23 PHP
php5 图片验证码实现代码
2009/12/11 PHP
PHP array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
图片按比例缩放函数
2006/06/26 Javascript
javascript+xml技术实现分页浏览
2008/07/27 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
javascript 小数乘法结果错误的处理方法
2016/07/28 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
JavaScript简单下拉菜单特效
2016/09/13 Javascript
Angular的$http与$location
2016/12/26 Javascript
详解vue.js的事件处理器v-on:click
2017/06/27 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
python关于调用函数外的变量实例
2019/12/26 Python
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
美国购买新书和二手书网站:Better World Books
2018/10/31 全球购物
信息专业个人的自我评价
2013/12/27 职场文书
法务专员岗位职责
2014/01/02 职场文书
开会迟到检讨书
2014/02/03 职场文书
幼儿园优秀教师事迹
2014/02/13 职场文书
英文求职信范文
2014/05/23 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
教师节班会主持词
2015/07/06 职场文书
Python代码,能玩30多款童年游戏!这些有几个是你玩过的
2021/04/27 Python
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
Python中使用ipython的详细教程
2021/06/22 Python
MySQL 数据库范式化设计理论
2022/04/22 MySQL
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers