151-3895-5886
 

dedecms织梦通过js代码实现导航高亮显示

2018-10-19 浏览:
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>
郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/1357.html。转载请保留出处,谢谢合作!
文章标签: 加载 代码 织梦 dedecms 栏目 JS
 
阅读下一篇
dedecms织梦网站生成静态速度慢怎么办?
 
 
推荐阅读
dedecms织梦tag列表如何调用自定义字
dedecms织梦如何用dede:type调用指定一
织梦dedecms输出全站RSS文件的方法
提示网页证书错误怎么办
新网站制作时要注意哪些问题?
如何删除ECSHOP版"powered by ecshop"说
郑州网页设计要怎么做才会比较好
域名到期后不续费会有什么后果?
seoer的自我修养可以从哪些方面来提
阿里云后台提示dedecms织梦uploadsaf
郑州网站建设融科网络微信二维码
 
准备开展业务?
郑州建站咨询服务
联系专业的商务顾问,诊查网站现状及关键词、分析竞争对手的流量、一对一咨询、及其报价详情