Dedecms系统实现树形分类导航方法

.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}