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 相关文章推荐
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
Nov 18 Javascript
AngularJS手动表单验证
Feb 01 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
Oct 11 Javascript
javascript 中的继承实例详解
May 05 Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 Javascript
使用Angular CLI进行Build(构建)和Serve详解
Mar 24 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
Apr 11 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编程网上资源导航
2006/10/09 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
thinkphp项目如何自定义微信分享描述内容
2017/02/20 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
2014/06/15 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
Nodejs+express+html5 实现拖拽上传
2014/08/08 NodeJs
JavaScript使用yield模拟多线程的方法
2015/03/19 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
2016/06/29 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
详解Angular2中的编程对象Observable
2016/09/17 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
利用jquery禁止外层滚动条的滚动
2017/01/05 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
世界最大的票务市场:viagogo
2017/02/16 全球购物
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
日本动漫周边服饰销售网站:Atsuko
2019/12/16 全球购物
洗车工岗位职责
2014/03/15 职场文书
保护环境建议书100字
2014/05/13 职场文书
领导干部保密承诺书
2014/08/30 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
市场部岗位职责
2015/02/12 职场文书
2015年新教师工作总结
2015/04/28 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript