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 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
JavaScript 以对象为索引的关联数组
May 19 Javascript
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
使用JS实现动态时钟
Mar 12 Javascript
JS遍历树层级关系实现原理解析
Aug 31 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 Javascript
Javascript之datagrid查询详解
Sep 15 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安装全攻略:APACHE
2006/10/09 PHP
模仿OSO的论坛(三)
2006/10/09 PHP
分割GBK中文遭遇乱码的解决方法
2013/08/09 PHP
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
JS实现上传图片的三种方法并实现预览图片功能
2017/07/14 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
vue + element-ui的分页问题实现
2018/12/17 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
2019/06/12 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
vue数据响应式原理知识点总结
2020/02/16 Javascript
python统计cpu利用率的方法
2015/06/02 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
qpython3 读取安卓lastpass Cookies
2016/06/19 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
python中必要的名词解释
2019/11/20 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
浅析Python的命名空间与作用域
2020/11/25 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
一套C++笔试题面试题
2012/06/06 面试题
淘宝客服自我总结鉴定
2014/01/25 职场文书
退伍老兵事迹材料
2014/01/31 职场文书
接待员岗位职责
2015/02/13 职场文书
2016年少先队活动总结
2016/04/06 职场文书