网站的导航菜单 远择一个栏目跳转后,为导航菜单的这个栏目增加选中的样式的思路

Posted sweeeper

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网站的导航菜单 远择一个栏目跳转后,为导航菜单的这个栏目增加选中的样式的思路相关的知识,希望对你有一定的参考价值。

比如一个二级菜单,当选中二级菜单时候那么可以将其父级元素进行展开显示,同时父级元素的其他同级元素是缩起来的,选中的代码思路如下:

 /**
 * 导航菜单
 */
$(document).ready(function(){  
    $(‘#navMenu li a‘).each(function(){  
        if($($(this))[0].href==String(window.location))  
            $(this).parent().addClass(‘hover‘);  
    });  
})
这里就是遍历每个a标签,看是否与头部的location是否一致。

以上是关于网站的导航菜单 远择一个栏目跳转后,为导航菜单的这个栏目增加选中的样式的思路的主要内容,如果未能解决你的问题,请参考以下文章

导航菜单点击跳转后如何改变其样式

导航菜单点击后高亮显示

css 跳转页面后,菜单成选中状态

DZ导航栏目参数说明

花钱做的drupal网站,如何编辑修改包括导航栏等在内的栏目的名称?

finecms菜单项导航到第一个子分类