帝国CMS导航栏js高亮当前栏目,使用JS方法改过改动。

高亮显示导航栏代码,通用方式,包含所在内容页看了下论坛,我们基本接受的是灵动标签来落到实处当前栏高亮,笔者那个主意是依赖js来促成的。借使急需您就试下啊方法如下,我们能够触类旁通,其实是超级轻易的改变:div
class=header ul class=menu mct id=navi lia href=/首页/a/li lia
href=/wangluodongtai/网络动态/a/li lia href=/youhuajiqiao/优化技能/a/li
lia href=/huozaidangxia/活在当下/a/li lia
href=/woaibiancheng/小编爱编制程序/a/li lia href=/xiaojiqiao/小手艺/a/li lia
href=/hulianwangwen/网络文/a/li /ul/divscript type=text/javascript
language=javascriptvar 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;ilinks.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值要和 var nav =
document.getElementById(navi卡塔尔; 中的想同,即在js中获得id=navi
值,那么些值要独一,不可能跟其他CSS或JS代码中ID同名,恐怕本人改成别的名字。
links[last].className = menufirst; 这一句中的 menufirst
为您的高亮样式。————————————————————————-比如:div
id=main-navdiv class=wrap cf ul id=navi3 class=menuli a
href=!–news.url–]首页/a/li[e:loop={select classname,classpath from
[!db.pre!]enewsclass where bclassid=58 order by classid ,0,24,0}]lia
href=?=$public_r[newsurl]??=$bqr[classpath]??=$bqr[classname]?/a/li[/e:loop]
/ul/divscript type=text/javascript language=javascriptvar nav =
document.getElementById(navi3State of Qatar;var links =
nav.getElementsByTagName(li卡塔尔国;var lilen = nav.getElementsByTagName(a卡塔尔;
//判别地址var currenturl = document.location.href;var last = 0;for (var
i=0;ilinks.length;i++卡塔尔国{ var linkurl = lilen[i].getAttribute(href);
if(currenturl.indexOf(linkurl)!=-1) { last = i; }}
links[last].className = current-menu-item; //高亮代码样式/script

相关文章

发表评论

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

*
*
Website