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

此方法简单,适用于多种页面(首页、封面模板、列表模板、内容模板、自定义页面、自定义列表)
【自定义页面:head.html】代码


<div class="header">
<div class="navC">
  <ul class="nav box990 f14" id="nav">
    <li><a 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}]
    <li><a id="cid<?=$bqr[classid]?>" href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" target="_self" ><?=$bqr[classname]?></a></li>
    [/e:loop] 
    <!--<li><a href="http://www.baidu.com/a/" target="_self" id="cid1">A栏目</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>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值