DEDECMS调用导航并高亮当前栏目

2014年-10月-09日



不论是顶级栏目还是二级栏目都可以用dede:channel调,currentstyle则定义当前栏目的属性
我们要让当前栏目高亮就要在这个属性上做文章。
导航调用的代码如下:
{dede:channel type='top' row='10' currentstyle="<li><a href='~typelink~' class='hover'>~typename~</a> </li>"} 
 <li><a href='[field:typelink/]'>[field:typename/]</a> </li> 
{/dede:channel} 

其中hover这个属性,就是我们自定义的a标签样式,该样式同样可以作用于li
则相应的代码改为
{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' >~typename~</a> </li>"} 
 <li><a href='[field:typelink/]'>[field:typename/]</a> </li> 
{/dede:channel} 

为了确保当前栏目样式可以起作用而不是被其他ID类元素屏蔽
我们可以给样式增加一个important属性,以提高其优先级
具体为:.hover {color:#bb0007 !important;}

如此便可
若调用的是二级栏目则对应的将top改为son/self等类型即可

该文章由道成设计原创,转载请说明
道成设计,专注网站建设  欢迎咨询