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 相关文章推荐
newxtree.js代码
Mar 13 Javascript
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
May 10 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
Vue 表情包输入组件的实现代码
Jan 21 Javascript
java实现单链表增删改查的实例代码详解
Aug 30 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 Javascript
uniapp实现可以左右滑动导航栏
Oct 21 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
php stream_get_meta_data返回值
2013/09/29 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
javascript String 对象
2008/04/25 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
javascript使用Promise对象实现异步编程
2016/03/01 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
Vuex 使用 v-model 配合 state的方法
2018/11/13 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
2019/03/29 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
教你如何在Django 1.6中正确使用 Signal
2014/06/22 Python
Python实现发送email的几种常用方法
2014/08/18 Python
Python中字符编码简介、方法及使用建议
2015/01/08 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
Bottle框架中的装饰器类和描述符应用详解
2017/10/28 Python
python执行精确的小数计算方法
2019/01/21 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
Python实现子类调用父类的初始化实例
2020/03/12 Python
Jupyter Notebook 文件默认目录的查看以及更改步骤
2020/04/14 Python
会计电算化专业毕业生自荐信
2013/12/20 职场文书
小学庆六一活动方案
2014/02/28 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
导师推荐信范文
2014/05/09 职场文书
贷款委托书
2014/08/01 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
学习十八大宣传标语
2014/10/09 职场文书
2015年端午节活动策划书
2015/05/05 职场文书