站内首页 > 网页前端 > HTML > 正文

js 高亮显示导航栏代码

  1. <!--js 高亮显示导航栏代码，通用方式，包括所在内容页-->
  2. <div id="navmenu">
  3.     <ul id="navi">
  4.         <li><a href="0.htm">梧桐首页</a></li>
  5.         <li><a href="1.htm">网站优化</a></li>
  6.     </ul>
  7. </div>
  8. <!--NAV-->
  9. <script type="text/javascript" language="javascript">
  10. var nav = document.getElementById("navi");
  11. var links = nav.getElementsByTagName("li");
  12. var lilen = nav.getElementsByTagName("a"); //判断地址
  13. var currenturl = document.location.href;
  14. var last = 0;
  15. for (var i=0;i<links.length;i++)
  16. {
  17.     var linkurl = lilen[i].getAttribute("href");
  18.         if(currenturl.indexOf(linkurl)!=-1)
  19.             {
  20.             last = i;
  21.             }
  22. }
  23. links[last].className = "navon"; //高亮代码样式
  24. </script>
<< CSS设置一行内文字超过宽度不换行CSS常用网站布局实例 >>
查看所有评论