导航菜单跳转后，新页面上菜单CSS选定

最新推荐文章于 2021-10-18 15:23:58 发布

handsometone1982

最新推荐文章于 2021-10-18 15:23:58 发布

阅读量3.8k

点赞数

分类专栏： css & 网页技术

css & 网页技术专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript为网站导航栏实现当前页面高亮显示的方法。通过遍历导航链接并比较其href属性与当前页面URL来确定活动页面，并为其父元素添加样式类以实现视觉上的突出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="menu">  
   <ul>  
  
 <li><a href="#" title="网站首页" class="home" >首页</a></li>  
  
 <li><a href="#" title="测试导航" >测试导航</a></li>  
  
  </ul>  
    </div>

$(document).ready(function(){  
    $('.menu li a').each(function(){  
        if($($(this))[0].href==String(window.location))  
            $(this).parent().addClass('active');  
    });  
})