欢迎来到入门教程网!

dedecms

当前位置:主页 > CMS教程 > dedecms >

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

来源:本站原创|时间:2021-08-05|栏目:dedecms|点击:

dedecms织梦模版JS代码实现导航高亮显示
 
这里是模板文件.HTM里面的代码,下面的JS加载导航代码的下面。
 
 
<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>
 

上一篇:织梦dedecms修改栏目关键词长度

栏    目:dedecms

下一篇:dedecms织梦文章列表页随机放入广告的方法

本文标题:dedecms织梦模版JS代码实现导航高亮显示

本文地址:https://www.xiuzhanwang.com/a1/dedecms/16699.html

更多dedecms

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有