导航栏目高亮代码如下
<a href="{dede:type typeid='7'}[field:typelink /]{/dede:type}" {dede:field name='typeid' runphp='yes'} if(@me==7) @me='class="menu-top-active"'; else @me=''; {/dede:field}>{dede:type typeid='7'}[field:typename /]{/dede:type}</a>
class="menu-top-active"是当前导航栏目高亮属性
判断首页栏目高亮方法:
<a href="/" {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='menu-top-active'":@me="";{/dede:field}>首页</a>
内页二级菜单被点击栏目高亮调用方法
{dede:channel typeid ='1' type ='son' currentstyle="<li class='on'><a href='~typelink~'>~typename~</a></li>"} <li><a href='[field:typeurl/]'>[field:typename/]</a></li> {/dede:channel}
注:主要就是以下的标签,里面包裹的html代码要与下面循环的代码一样。且 type ='son' 必须是这个,不能改成typeid,不然不起作用。
currentstyle="<li class='on'><a href='~typelink~'>~typename~</a></li>"
内页级菜单被点击栏目高亮调用方法2
<style type="text/css"> #e{dede:field.id/}{background:url({dede:global.cfg_templets_skin/}/images/bg.gif) no-repeat left center;} </style>
如果有三级栏目,也还是要二级高亮,加上这个,或者省略这个,自行扩展。
<script> $(function(){ $('#e{ceip:field.id/}').parents('li').children('a').addClass('e{ceip:field.id/}'); //找到这个二级的父级下的子元素A,赋予class。 可以自行修改。 }) </script>
然后在调用栏目的地方,这样书写:
{dede:channel type='son' typeid='6' } <li id='e[field:id/]' ><a href="[field:typeurl/]" >[field:typename/]</a></li> {/dede:channel}
3、有的时候我们在做内容页时,左侧或者右侧调用的是文档,如果刚好是当前文档,那么我们可以在左侧或者右侧调用的相对应的这个文档增加一个样式高亮对应
{dede:arclist titlelen=42 row=20} <li[field:id runphp=yes]global $id,$aid;$aid = isset($id) ? $id : $aid;if(@me == $aid)@me = ' class="current"';else @me = '';[/field:id]> <a href="[field:arcurl/]">[field:title/]</a> </li> {/dede:arclist}
如果在 dede:arclist标签里有文档的id 等于 当前文档id 就给它加 class="current"