dedecms织梦JS代码实现导航高亮显示

织梦技巧评论819 views阅读模式

第一种方法:JS代码实现高亮显示

这里是模板文件.HTM里面的代码,下面的JS加载导航代码的下面。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <div id="menu">  <ul>   <li><a href="">网站首页</a></li>   <li><a href="">免费模板</a></li>  </ul> </div> <script type="text/javascript" language="javascript"> var nav = document.getElementById("menu"); 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[i].getAttribute("href");      if(currenturl.indexOf(linkurl)!=-1)         {          last = i;         } }          links[last].className = "menu_on"; </script>  

企鹅博客
  • 本文由 发表于 2019年9月12日 16:39:33
  • 转载请务必保留本文链接:https://www.qieseo.com/34072.html

发表评论