帝国CMS导航栏当前栏目高亮JS代码

来源: 发布时间:2018-11-13 浏览:1153

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

首页 网络动态 优化技巧 活在当下 我爱编程 小技巧 互联网文

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

{

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 为你的高亮样式。

-------------------------------------------------------------------------

例如:

[e:loop={"select classname,classpath from [!db.pre!]enewsclass where bclassid=58 order by classid ",0,24,0}]

[/e:loop]

首页

var nav = document.getElementById("navi3");

var links = nav.getElementsByTagName("li");

var lilen = nav.getElementsByTagName("a"); //判断地址

var currenturl = document.location.href;

var last = 0;

  for (var i=0;i

{

var linkurl = lilen[i].getAttribute("href");

if(currenturl.indexOf(linkurl)!=-1)

{

last = i;

}

}

links[last].className = "current-menu-item"; //高亮代码样式

联系方式

电话:152-0832-9147

邮箱:105991110@qq.com

Q Q:105991110

地址:成都市人民南路四段27号商鼎国际2栋1单元2705

蜀ICP备18025242号-1 RSS

微信联系我们