新闻中心

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

作者 / 无忧主机 时间 2014-06-15 17:26:24

使用帝国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

1
1
1
1
1
1
1