Nav navigation bar to switch fixed current tab

css

.cur{ background:#D96C00; font-weight:bold;}

html:

<ul class="menu" id="menu">
  <li><a href="index.html">首页</a></li>
  <li><a href="hanonly.html">栏目一</a></li>
  <li><a href="team.html">栏目二</a></li>
</ul>

js:

var urlstr = location.href;//获取url
      var urlstatus=false;
      $("#menu a").each(function () {
        if (urlstr.indexOf($(this).attr('href')) > -1 && $(this).attr('href')!=''&& $(this).attr('href')!='/') {
    $(this).addClass('cur');
    urlstatus = true;
  } else {
    $(this).removeClass('cur');
  }
  });
  if (!urlstatus) {$(".nav li a").eq(0).addClass('cur'); }

Guess you like

Origin www.cnblogs.com/qdkfyym/p/11113604.html