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

说明:

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

————————————————————————-
例如:

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注