JavaScript导航脚本判断当前导航

 更新时间:2016年07月12日 16:30:04   作者:zhaoyingyatou  
这篇文章主要介绍了JavaScript导航脚本判断当前导航的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

废话不多说,直接给大家贴代码了。

<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导航脚本判断当前导航,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 原生js实现照片墙效果

    原生js实现照片墙效果

    这篇文章主要介绍了原生js实现照片墙效果,帮助大家更好的利用js制作特效,感兴趣的朋友可以了解下
    2020-10-10
  • js如何将多个json结构组成的字符串转换为数组?

    js如何将多个json结构组成的字符串转换为数组?

    接口返回的EventStream结构的数据,由于http流式传输时,可能会分段,所以导致本该每次返回一段json数据结构的字符串,变成了多个json数据结构的字符串拼接在了一起,本文讲述js如何将多个json结构组成的字符串转换为数组
    2024-08-08
  • JavaScript 程序循环结构详解

    JavaScript 程序循环结构详解

    这篇文章主要为大家介绍了JavaScript 程序循环结构,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • 深入理解JavaScript 变量对象

    深入理解JavaScript 变量对象

    变量对象是与执行上下文相关的数据作用域,存储了在上下文中定义的变量和函数声明,本文主要介绍了JavaScript 变量对象,具有一定的参考价值,感兴趣的可以了解一下
    2022-05-05
  • webpack4 css打包压缩问题的解决

    webpack4 css打包压缩问题的解决

    本篇文章主要介绍了webpack4 css打包压缩问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • 原生js实现图片轮播特效

    原生js实现图片轮播特效

    这篇文章主要介绍了原生js实现图片轮播特效,适合用于商品展示,实现最简单的广告轮播效果,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • Javascript实现真实字符串剩余字数提示的实例代码

    Javascript实现真实字符串剩余字数提示的实例代码

    这篇文章介绍了Javascript实现真实字符串剩余字数提示的实例代码,有需要的朋友可以参考一下
    2013-10-10
  • IE6/7/8/9不支持exec的简写方式

    IE6/7/8/9不支持exec的简写方式

    Firefox/Safari/Chrome/Opera浏览器中使用exec方法时可以去掉“exec”用 “正则直接量+()” 方式使用
    2011-05-05
  • JavaScript中的宏任务和微任务执行顺序

    JavaScript中的宏任务和微任务执行顺序

    在 JavaScript 中,宏任务和微任务是指在执行代码的过程中的两种不同的任务类型,这篇文章主要介绍了JavaScript中的宏任务和微任务执行顺序,需要的朋友可以参考下
    2022-12-12
  • js中获取jsp表单中radio类型的值简单实例

    js中获取jsp表单中radio类型的值简单实例

    下面小编就为大家带来一篇js中获取jsp表单中radio类型的值简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08

最新评论