帝国cms 灵动标签+JS实现当前栏目高亮

自定义页面head.html作为首页、封面模板、列表模板和内容模板以及其他自定义页面要include的公共页面,<!--#include virtual="head.html"-->,方便日后更新栏目导航,不需要重新生成所有引用到栏目导航的页面。方便,快捷,省事。
论坛看了几个当前栏目高亮的帖子,一个是修改“userfun.php”,缺点是:不能应用到自定义页面
二是,针对不同的栏目设置不同的css,感觉麻烦。

几经周折,终于搞定。发上来给大家分享,此方法简单,适用于多种页面(首页、封面模板、列表模板、内容模板、自定义页面、自定义列表)
【自定义页面:head.html】代码

<div class="header">
<div class="navC">
  <ul class="nav box990 f14" id="nav">
    <li><a href="http://www.jzread.com/" 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/"){document.getElementById("home").className="cur";}
</script>
<!--end of header-->

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

<!--#include virtual="/head.html"-->
<script type="text/javascript">
var myid = document.getElementById('cid[!--self.classid--]');
myid.className = 'cur';
</script>

【CSS样式表】

<style>
.nav a.cur,.header .nav a:hover{background:url(../pic/navCur.png) no-repeat; color:#fff; text-decoration:none;}
</style>

时间: 2024-10-08 05:56:44

帝国cms 灵动标签+JS实现当前栏目高亮的相关文章

帝国cms灵动标签调用discuz图文帖子加简介的方法

帝国cms灵动标签调用discuz图文帖子加简介的方法 [e:loop={"select tid,subject,dateline,digest  from dy.pre_forum_thread where digest!=0 order by tid desc limit 4",10,24,0}] <?php $fr=$empire->fetch1("select attachment from dy.pre_forum_threadimage where t

帝国cms灵动标签应用大汇总

一.灵动标签应用之"调用友情链接". 众所周知帝国的友情链接调用标签生成出来的代码是Table的,不符合标准,所以我们用灵动标签调用友情链接. 代码: <ul class="links_text"> [e:loop={'select * from [!db.pre!]enewslink where checked=1 and lpic="" order by lid',20,24,0}] <li><a href=&q

帝国cms灵动标签实现当前栏目高亮方法

方法一 帝国cms,灵动标签实现当前栏目高亮,以下代码用于公共模板变量的header中,其他模板引用之.  代码如下 复制代码       <ul class="clearfix">           <li><a href="[!--news.url--]" title="首页">首页</a></li>           [e:loop={"select classid,

帝国cms灵动标签截取标题字数的代码

今天用帝国cms给一个客户做网站,在使用灵动标签的时候,遇到标题字数太多问题,和大家分享灵动标签截取标题字数的代码. <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" > [e:loop={10,10,0,0}] <tr  height="26"> <td

帝国cms灵动标签输出带序号的列表

需要一个带有序列号的列表.如12345..... 当然万能标签也可以做到.但输出栏目列表的时候万能标签就做不到了. 这时我们可以用灵动标签.  [e:loop={"select * from phome_enewsclass where bclassid=0 order by classid limit 20 ",20,24,0}] <DIV id=menu<?=$bqno?>><A class=white href="/<?=$bqr[c

帝国cms灵动标签调用discuz和phpwind的最新贴子

帝国cms调用Discuz最新贴子:cdb_是discuz的表前缀 <table width="100%" border="0" cellspacing="1" cellpadding="3"> [e:loop={"select tid,subject from cdb_threads order by tid desc limit 10",10,24,0}] <tr><td&

用帝国cms灵动标签调用当前栏目所有子栏目的方法

<?php $bclassid=$GLOBALS[navclassid]; //取得本栏目id //取得本栏目下的子栏目 ?> [e:loop={"select classid, classname, classpath from `[!db.pre!]enewsclass` where bclassid='$bclassid' order by `classid` desc ",5,24,0,0,0}] 这里加想循环的子栏目信息 子栏目名称:<?=$class_r[

帝国cms 灵动标签调用标题的字体颜色方法

<?=DoTitleFont($bqr[titlefont],$bqr[title])?>这个可以显示标题颜色,但是又不能截取字数了 这个 <?=DoTitleFont($bqr[titlefont],esub($bqr[title],25))?> 既可以显示标题颜色,也可以截取字数了.

帝国cms常用标签汇总_php实例

判断会员是否登录 <?php if(!$_COOKIE[ecmsmlusername]){ $srr="登录可见"; }else{ $srr="[!--lbsly--]"; } ?> [!--news.url--]skin/default/ [e:loop={"select classid,classname,bname from phome_enewsclass where classid='$GLOBALS[navclassid]'&quo