咨询电话:0756-6872258技术服务QQ:97451592

珠海深蓝网络科技有限公司

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

2015-11-13 17:20 | admin
本文来源: 浏览次数:
深蓝网络-DEDECMS调用导航并高亮当前栏目
  不论是顶级栏目还是二级栏目都可以用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等类型即可

 
QQ客服咨询
销售咨询
企业网站销售
门户网站销售
O2O网站销售
订制服务
订制服务
售后服务
售后服务