导航首页  »  网站优化

dedecms织梦模板JS代码实现导航高亮显示的方法

2023/03/11 14:21     755收录网     已浏览359次
第一种方法：JS代码实现高亮显示
这里是模板文件.HTM里面的代码，下面的JS加载导航代码的下面。
01 <div id="menu">
02  <ul>
03   <li><a href="">网站首页</a></li>
04   <li><a href="">免费模板</a></li>
05  </ul>
06 </div>
07 <script type="text/javascript" language="javascript">
08 var nav = document.getElementById("menu");
09 var links = nav.getElementsByTagName("li");
10 var lilen = nav.getElementsByTagName("a");
11 var currenturl = document.location.href;
12 var last = 0;
13 for (var i=0;i<links.length;i++)
14 {
15    var linkurl =  lilen[i].getAttribute("href");
16      if(currenturl.indexOf(linkurl)!=-1)
17         {
18          last = i;
19         }
20 }
21          links[last].className = "menu_on";
22 </script>