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 相关文章推荐
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
js跑步算法的实现代码
Dec 04 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 Javascript
基于form-data请求格式详解
Oct 29 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
joomla内置的表单验证功能使用方法
2010/06/11 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
给ECShop添加最新评论
2015/01/07 PHP
Symfony生成二维码的方法
2016/02/04 PHP
PHP-FPM运行状态的实时查看及监控详解
2016/11/18 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
PHP读取word文档的方法分析【基于COM组件】
2017/08/01 PHP
srcElement表格样式
2006/09/03 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
jquery 无限级下拉菜单的简单实现代码
2014/02/21 Javascript
封装获取dom元素的简单实例
2016/07/08 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
几行js代码实现自适应
2017/02/24 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
2018/04/27 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
2020/04/01 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
[06:24]DOTA2亚洲邀请赛小组赛第三日 TOP10精彩集锦
2015/02/01 DOTA
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
django model object序列化实例
2020/03/13 Python
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
股份转让协议书
2014/04/12 职场文书
2014年师德师风学习材料
2014/05/16 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
党小组鉴定意见
2015/06/02 职场文书
《植树问题》教学反思
2016/03/03 职场文书
财务年终工作总结大全
2019/06/20 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android