欢迎来到入门教程网!

dedecms

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

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

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

方法:JS代码实现高亮显示
这里是模板文件.HTM里面的代码,下面的JS加载导航代码的下面。

<div id="menu">
 <ul>
  <li><a href="http://www.xiuzhanwang.com">网站首页</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/13574.html

更多dedecms

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读

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

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

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

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