香港独立IP空间
香港php空间
美国php空间
域名注册

使用帝国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同名,或者自己改成别的名字。效果图如下:dg32 帝国CMS通用方式:js高亮显示导航栏代码

无忧主机相关文章推荐阅读:
帝国CMS程序如何为网站添加PNG透明度水印
帝国CMS内容管理系统怎么安装UEDITOR编辑器
帝国CMS后台登陆后立刻退出到登陆界面,提示“未登录”

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读:


搜索技术文档