帝国CMS通用方式：js高亮显示导航栏代码

使用帝国CMS的用户一定知道灵动标签(e:loop调用标签)很好用，称得上是万能标签，当然实现这个导航代码也想比较熟悉的；大部分用户都适用灵动标签来实现这个功能，今天无忧主机小编给大家介绍用javascript代码来实现这个导航栏，如果您需要的话，那就来试试吧； 以下无忧主机小编拿自己的帝国CMS演示站为例，其实是很简单的修改： <div class="header"> <ul class="menu mct" id="navi"> <li><a href="/">首页</a></li> <li><a href="/wangluodongtai/">网络动态</a></li> <li><a href="/youhuajiqiao/">优化技巧</a></li> <li><a href="/huozaidangxia/">活在当下</a></li> <li><a href="/woaibiancheng/">我爱编程</a></li> <li><a href="/xiaojiqiao/">小技巧</a></li> <li><a href="/hulianwangwen/">互联网文</a></li> </ul> </div> <script type="text/javascript" language="javascript"> var nav = document.getElementById("navi"); 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 = "menufirst"; //高亮代码样式 </script> 说明：<ul class="menu mct" id="navi">中的ID值（id="navi"）要和 var nav = document.getElementById("navi"); 中的想同，即在js中获取id="navi" 值，这个值要唯一，不能跟其它CSS或JS代码中ID同名，或者自己改成别的名字。效果图如下： 无忧主机相关文章推荐阅读： 帝国CMS程序如何为网站添加PNG透明度水印 帝国CMS内容管理系统怎么安装UEDITOR编辑器 帝国CMS后台登陆后立刻退出到登陆界面，提示“未登录”

本文地址：https://www.51php.com/empirecms/14579.html