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监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
关于js new Date() 出现NaN 的分析
Oct 23 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
Jun 05 Javascript
Js+Ajax,Get和Post在使用上的区别小结
Jun 08 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
axios中cookie跨域及相关配置示例详解
Dec 20 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
vuex与组件联合使用的方法
May 10 Javascript
JS实现移动端点击按钮复制文本内容
Jul 28 Javascript
如何在 ant 的table中实现图片的渲染操作
Oct 28 Javascript
浅析JavaScript中的变量提升
Jun 01 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实现简单洗牌算法
2013/06/18 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
2015/09/20 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
利用PHP判断文件是否为图片的方法总结
2017/01/06 PHP
php显示页码分页类的封装
2017/06/08 PHP
java script编程起步(第三课)
2007/01/10 Javascript
jQuery代码优化 遍历篇
2011/11/01 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
JS中sort函数排序用法实例分析
2016/06/16 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
BootStrap表单控件之文本域textarea
2017/05/23 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
2019/07/17 Javascript
jQuery操作元素追加内容示例
2020/01/10 jQuery
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
Python help()函数用法详解
2014/03/11 Python
python多进程共享变量
2016/04/06 Python
Python简单的制作图片验证码实例
2017/05/31 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
澳大利亚家具商店:Freedom
2020/12/17 全球购物
实习评语大全
2014/04/26 职场文书
建设工地安全标语
2014/06/07 职场文书
年终晚会活动方案
2014/08/21 职场文书
2017春节晚会开幕词
2016/03/03 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis