dedecms织梦二级菜单的实现方法

首先，复制代码：

程序代码

{dede:channelartlist typeid='top' cacheid='channelsonlist'}

{dede:channel type='son' noself='yes'}

[field:typename/]

{/dede:channel}

{/dede:channelartlist}

粘贴到DedeCMS5.7的模板文件 /templets/default/head.htm中的顶端位置。

刷新会发现导航栏已经出现下拉菜单了，但背景是透明的，原因是没有背景图片。

到\dede\img里找mmenubg.gif复制到/templets/default/images下面，刷新再看一下效果，呵呵，导航栏是不是已经出现熟悉的下拉菜单了。

下拉菜单的边框还是原来蓝色的，修改/templets/default/style下的dedecms.css，找到代码：

程序代码

.dropMenu {

position:absolute;

top: 0;

z-index:100;

width: 120px;

visibility: hidden;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, 
direction=135, strength=4); //一个滤镜效果

margin-top: -1px;

border: 1px solid #93E1EB; //设置边框的颜色

background:url(../images/xxx.gif); //设置背景图片

把最后一行的颜色代码#93E1EB修改为你要的颜色即可。

今天在做网站的时候，需要用到树形二级导航条菜单，见群里经常有人问到，现在和大家分享下实现的方法。

二级菜单的做法，可以用标签channelartlist标签来做！

{dede:channelartlist  typeid='top'row='7'}

<p>

　　<a href="{dede:field name='typeurl'/}"class='lv1'>{dede:field name='typename'/}</a>

<em>

　　{dede:channel type='son'}

　　　　<a href="[field:typelink/]">[field:typename/]</a>

　　{/dede:channel}

</em>

</p>

{/dede:chanelartlist}

剩下的就用css来改变了。

此外，channelartlist还经常用在封面模板中，主要用来循环栏目标题和栏目标题下的文档，也就是用于获取当前频道（或者指定频道）的下级栏目的文档列表。

{dede:channelartlist}

｛dede:type｝[field:字段名/]{/dede:type}(调用当前频道栏目)

｛dede:arclist｝[field:字段名/]{/dede:arclist}(获得下级栏目的文档列表)

{/dede:channelartlist}