首页 > CMS > 织梦DEDE > 正文

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

2024-07-12 08:32:40
字体:
来源:转载
供稿:网友

第一种方法: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>  
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表