赣州建站资讯网

为消费者提供更优质的体验

导航、二级导航、当前栏目、文档高亮调用代码汇总


导航栏目高亮代码如下

<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"




- END -
声明:文字图片等素材除标明原创外均来源于网络,如有侵权,请及时告知我们,我们将在最短的时间内删除!

相关推荐

微信公众平台:圆狐创意

关注圆狐创意微信公众平台浏览最新资讯

更多媒体及商务合作

QQ:295939675   或  至电:198-6662-0460