当前位置:图集之家知识

帝国cms灵动标签+JS实现【当前栏目高亮】,适用于任意页面

帝国cms灵动标签+JS实现【当前栏目高亮】,适用于任意页面

内容

此方法简单,适用于多种页面(首页、封面模板、列表模板、内容模板、自定义页面、自定义列表)

【自定义页面:head.html】代码:

div

div

ul id=nav

lia href=!--news.url--] title=首页 target=_self id=home首 页/a/li

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

lia id=cid?=$bqr[classid]? href=?=$public_r[newsurl]??=$bqr[classpath]? target=_self ?=$bqr[classname]?/a/li

[/e:loop]

!--lia href=http://www.baidu.com/a/ target=_self id=cid1A栏目/a/li--

/ul

/div

/div

!--当是在首页的时候,id=home的li高亮显示,也就是首页高亮--

script type=text/javascript

if(document.URL==http://www.你网站域名.com/||document.URL==http://www.你网站域名.com/index.html){document.getElementById(home).className=chover;}

/script

!--end of header--

【封面、列表、内容或自定义页面】代码:

!--#include virtual=/head.html--

script type=text/javascript

var myid = document.getElementById('cid!--self.classid--]');

myid.className = 'chover';

/script

【CSS样式表】

style

.nav li a:hover,.chover{ background:#DC261C; color:#FFF;}

/style

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关