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 相关文章推荐
document.documentElement &amp;&amp; document.documentElement.scrollTop
Dec 01 Javascript
动态加载jQuery的方法
Jun 16 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
jQuery获取当前点击的对象元素(实现代码)
May 19 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
JS实现的驼峰式和连字符式转换功能分析
Dec 21 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
深入理解Vuex 模块化(module)
Sep 26 Javascript
浅谈如何使用webpack构建多页面应用
May 30 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
Feb 21 Javascript
JavaScript实现电灯开关小案例
Mar 30 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生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(二)
2014/06/23 PHP
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
关于div自适应高度/左右高度自适应一致的js代码
2013/03/22 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
2013/08/02 Javascript
js中的时间转换—毫秒转换成日期时间的示例代码
2014/01/26 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
weex里Vuex state使用storage持久化详解
2017/09/09 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
详解Vue路由自动注入实践
2019/04/17 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
python中从for循环延申到推导式的具体使用
2019/11/29 Python
python中数据库like模糊查询方式
2020/03/02 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
Python之多进程与多线程的使用
2021/02/23 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
申报职称专业技术个人的自我评价
2013/12/12 职场文书
竞选学委演讲稿
2014/09/13 职场文书
安徽导游词
2015/02/12 职场文书
浅谈Python 中的复数问题
2021/05/19 Python
实现一个简单得数据响应系统
2021/11/11 Javascript
Elasticsearch 索引操作和增删改查
2022/04/19 Python