zoukankan      html  css  js  c++  java
  • js实现当前导航菜单高亮显示

    js实现当前导航菜单高亮显示

    HTML:
    <div id="navi">
    <ul>
        <li><a href="">主页1</a><li>
        <li><a href="">主页2</a><li>
        <li><a href="">主页3</a><li>
        <li><a href="">主页4</a><li>
    </ul>
    </div>

    js代码:
    <script type="text/javascript" language="javascript">
    var nav = document.getElementById("navi");
    var links = nav.getElementsByTagName("li");
    var lilen = nav.getElementsByTagName("a");
    var currenturl = document.location.href;
    var last = 0;
    for (var i=0;i<links.length;i++)
    {
       var linkurl =  lilen.getAttribute("href");
         if(currenturl.indexOf(linkurl)!=-1)
            {
             last = i;
            }
    }
             links[last].className = "current";
    </script>

    1.js代码必须加到body里,即加到导航的下面,不能加到head里,否则出错不能使用。

    2.也可直接写到JS文件中导入HTML中。

  • 相关阅读:
    Linux中的中断处理
    Yocto使用小技巧
    udev学习笔记汇总
    USB gadget学习笔记
    Linux常用命令
    Linux下软件安装方法
    278. First Bad Version
    MySQL的索引
    7. Reverse Integer
    排序算法
  • 原文地址:https://www.cnblogs.com/wpbars/p/4043110.html
Copyright © 2011-2022 走看看