dede 实现树形分类导航

先看效果图

 

就是所有后台栏目输出,按照树状结构排布

这样就实现了树形分类导航

dede代码就可以实现,

代码如下

[code]
.zb { list-style:none; text-align:left; margin:0px; padding:0px;}
.zb li{ text-align:left ; background:url(/56/tp/tit.jpg) no-repeat; font-weight:bold;}
.zb li a:link{ display:block;height:24px; padding-top:6px; padding-left:20px; width:130px;}
.zb li a:hover{ display:block;background:url(/56/tp/tit.jpg) 3px 0px no-repeat; color:#f00; text-decoration:none; height:24px; padding-top:6px; padding-left:20px; width:130px;}
.zb li a:visited{ display:block;height:24px; padding-top:6px; padding-left:20px; width:130px;}
.r{ margin-left:10px; font-weight:normal}
以上是CSS
{dede:channelartlist typeid=13 row=10}
<div class="cpmll">
<ul class="zb">
<li><a href="{dede:field name=’typeurl’/}">{dede:field name=’typename’/}</a></li></ul>
<ul class="zb">
{dede:sql sql=’Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17′}
<li class="r"><a href=’/plus/list.php?tid=[field:id/]’ style="font-weight:normal">[field:typename/]</a></li>
{/dede:sql}
</ul>
</div>
{/dede:channelartlist}
[/code]

其他变化自己去测试!