欢迎光临景诺科技软件开发淘宝店

进店请收藏,谢谢

dede 实现树形分类导航

先看效果图

 

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

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

dede代码就可以实现,

代码如下

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

其他变化自己去测试!

更多

本文固定链接: http://shanmao.me/web-system/dedecms/dede-shi-xian-shu-xing-fen-lei-dao-hang | 山猫的博客

该日志由 admin 于2012年04月23日发表在 织梦cms 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: dede 实现树形分类导航 | 山猫的博客
关键字: , ,