帝国CMS导航栏js高亮当前栏目，使用JS方法修改改造。

高亮显示导航栏代码，通用方式，包括所在内容页
看了下论坛，大家基本使用的是灵动标签来实现当前栏高亮，我这个方法是根据js来实现的。如果需要你就试下吧

方法如下，大家可以举一反三，其实是很简单的修改：

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”;  //高亮代码样式

说明：

•  中的ID值（id=”navi”）要和 var nav = document.getElementById(“navi”); 中的想同，即在js中获取id=”navi” 值，这个值要唯一，不能跟其它CSS或JS代码中ID同名，或者自己改成别的名字。

links[last].className = “menufirst”;  这一句中的 menufirst 为你的高亮样式。

————————————————————————-
例如：

一叶知秋普通

收藏 海报 链接