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

  • 2018-11-13
  • 2553

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

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

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

相关阅读

帝国CMS点击量(onclick)在数值过万时换算单位的方法

帝国CMS万能标签调用随机文章的方法,按表随机和栏目随机

帝国CMS多作者调用(包括有作者链接和没有连接)的方法

帝国CMS会员中心模板改造:会员中心控制面版调用会员字段的方法

帝国CMS灵动标签调用昨天、今天、某天及以前以后等特定时间发布的文章

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询