如何在DedeCMS中实现当前栏目的高亮显示？

在DEDECMS中，实现当前栏目高亮显示是一项常见的需求，通过使用DEDECMS内置的标签和一些CSS样式设置，可以轻松实现这一功能。

方法一：使用channel标签

1、基本语法：

{dede:channel type='top' row='8' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a> </li>"}

<li><a href='[field:typelink/]'>[field:typename/]</a></li>

2、参数说明：

typeid = '0'：栏目ID

reid = '0'：上级栏目ID

row = '100'：调用栏目数

col = '1'：分多少列显示（默认为单列）

type = 'son | sun'：下级栏目或同级栏目

currentstyle = ''：应用样式

class='thisclass'：定义的样式类别名

3、示例代码：

   <DIV class=menu>
       <UL>
           <LI><A href="/">首页</A> </LI>
           {dede:channel type='self' row='8' currentstyle="<li class=hover><a href=~typelink~>~typename~</a></li>"}
           <LI><a href='[field:typelink/]'>[field:typename/]</a></LI>
           {/dede:channel}
       </UL>
   </DIV>

4、样式表：

   .menu {
       /* 其他样式 */
   }
   .menu ul li a {
       /* 其他样式 */
   }
   .hover {
       background: url(bgnav.jpg) norepeat;
   }

方法二：判断首页并加高亮

1、基本语法：

<li><a {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='curr'":@me="";{/dede:field} href="{dede:global.cfg_basehost/}" alt="首页" ">首页</a></li>

2、示例代码：

   <ul>
       <li><a {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='curr'":@me="";{/dede:field} href="{dede:global.cfg_basehost/}" alt="首页" ">首页</a></li>
       {dede:channel row='6' type ='top' currentstyle="<a class='curr' href='~typelink~' ~rel~>~typename~</a>" } <li><a href="[field:typelink/]" alt="[field:typename/]">[field:typename/]</a></li> {/dede:channel}
   </ul>

3、样式表：

   .menu {
       /* 其他样式 */
   }
   .menu ul li a {
       /* 其他样式 */
   }
   .curr {
       backgroundcolor: red;
   }

方法三：手动添加判断条件

1、基本语法：

使用if语句进行判断，根据不同的栏目ID应用不同的类。

2、示例代码：

   <ul class="nav">
       <li class='nav0{dede:field name="typeid" runphp="yes" function="GetTopid(@me)"} if(@me!="6")@me=" clock_on0"; else @me="";{/dede:field}'><a href="/"><span>首页</span></a></li>
       <li class='nav1{dede:field name="typeid" runphp="yes" function="GetTopid(@me)"} if(@me=="1")@me=" clock_on1"; else @me="";{/dede:field}'><a href="/About_us"><span>公司简介</span></a></li>
       <! 其他栏目 >
   </ul>

3、样式表：

   .nav li {
       /* 其他样式 */
   }
   .clock_on0, .clock_on1, .clock_on2 {
       backgroundcolor: yellow;
   }

相关问答FAQs

1、如何在DEDECMS模板中实现导航栏当前栏目高亮显示？

可以通过使用DEDECMS的{dede:channel}标签，结合自定义的CSS样式来实现，具体方法是在模板中使用currentstyle参数来定义当前栏目的样式，并在CSS中设置相应的类。

2、如何在首页也实现高亮显示？

可以在模板中使用{dede:field name=typeid runphp="yes"}标签来判断当前页面是否为首页，如果是首页则添加特定的类，如class='curr'，然后在CSS中设置该类的样式。