点击事件后根据url保持相应导航高亮

直接上代码吧!!! 

HTML页面: 

<div class="nav">

<ul class="sub-tit">

  <li><a href="c.html" class='active'>item3</a></li>
  <li><a href="d.html">item4</a></li>
  <li><a href="e.html">item5</a></li>

</ul>
</div>

CSS样式:

.active {

  color: #eee;

  background-color: #00EEEB;

}

Javascript实现:

$(function(){

  $('ul.sub-tit>li>a').each(function(){
    if($($(this))[0].href==String(window.location))
    $(this).addClass('active').sublings().removeClass('active');
  });

});

原文地址:https://www.cnblogs.com/xinxinmifan/p/nav_active.html