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

虽然春天的劲风,着实让我不太喜欢,但不得不说,春天是个好季节,俗话说 "一年之际在于春 ",春天是一年的开始,也是让人充满希望和幻想的季节。刚刚历经了寒冬的人们,开始在春天慢慢苏醒,他们慢慢的重拾自己的梦想,渐渐骨起斗志,一步步朝着自己的梦想出发,一点点靠近理想的终端。
第一种方法:JS代码实现高亮显示 这里是模板文件.HTM里面的代码,下面的JS加载导航代码的下面。
<div id="menu">
 <ul>
  <li><a rel="nofollow noopener noreferrer" href="">网站首页</a></li>
  <li><a rel="nofollow noopener noreferrer" 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织梦模板JS代码如何实现导航高亮显示的方法。流星之所以美丽在于燃烧的过程,人生之所以美丽在于奋斗的过程。更多关于dedecms织梦模板JS代码如何实现导航高亮显示的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
织梦后台文档列表添加复制文档功能支持所有模型

织梦无法上传ico图标格式文件的如何解决方法

dedecms如何实现任意页面调用当前会员信息的方

织梦dede:tag调用指定多个栏目的TAG标签

织梦栏目列表按附加表自定义字段排序