织梦5.7如何创建下拉菜单

这个织梦自带下拉的，只是没启用！

第一步添加js代码，同那些网上搜的文章一样

首先在\templets\default\footer.html文件中的头部加上这段代码

<script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script>

{dede:channelartlist typeid='top' cacheid='channelsonlist'}<ul id="dropmenu{dede:field.typeid/}" class="dropMenu">

{dede:channel type='son' noself='yes'} <li><a href="[field:typelink/]">[field:typename/]</a></li>

{/dede:channel}

</ul>

{/dede:channelartlist}

<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>

这段代码就是导航下拉菜单的js代码，在dede的程序文件里默认的有这个js文件。

添加上这段代码就已经出现下拉菜单了，只是我们看到的是透明的而且是竖排的效果，透明的原因是没有图片的效果

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

第二步，修改dedecms.css

我们看到的是竖排的，下面我们就把改为横排的。

首先找到\templets\default\style\dedecms.css文件

找到

.dropMenu a {

width: auto

display: block

color: black

padding: 2px 0 2px 1.2em

将里面的里面的display: block去掉，然后找到

.dropMenu {

position:absolute

top: 0

z-index:100

width: 120px

visibility: hidden

将 width: 120改成width: auto就好了。

找到以下代码

margin-top: -1px

border: 1px solid #93E1EB

border-top: 0px solid #3CA2DC

background-color: #FFF

background:url(../images/mmenubg.gif)

padding-top:6px

padding-bottom:6px

}

.dropMenu li {

margin-top:2px

margin-bottom:4px

padding-left:6px

然后修改为如下代码：

margin-top: -1px

border: 1px solid #93E1EB

border-top: 0px solid #3CA2DC

background-color: #FBFFFD（这里的颜色根据你图片的颜色来调整）

background:url(../images/mmenubg.gif) (这个背景图片你可以自己制作)

padding-top:6px

padding-bottom:6px

}

.dropMenu li {

border-left:1px solid #666666

float:left

height:14px

line-height:14px

margin-left:-2px

padding-left:-10px

padding-right:6px

修改后效果

这样最终的效果就如文字开始时的那样了，当然/images/mmenubg.gif是需要你自己去ps的，你ps的越好看，这个下拉的二级菜单肯定就越漂亮。

织梦后台的模板存放在dede/templets下面，登陆首页模板是login.htm，进入首页模板是index_body.htm，左侧菜单模板是index_menu2.htm。另外如果要修改左侧菜单还需要修改dede/inc/inc_menu.php 这个文件。如果要添加一个菜单找到dede/templets/index_menu2.htm增加：<a id='link9' class='mm'><div onClick="ShowMainMenu(9)">其他</div></a>这里注意你的id，link9不要和上边的id重复，然后后边的js方法ShowMainMenu中也要传入9，是对应的。然后是下一步，还是这个页面，大概下边找到一些空的div，都是些id是ct加数字的，加上：<div id='ct9'></div>（这里ct后边的数字对应你上边的数字）接下来找到 dede/inc/inc_menu.php 打开在最下边的一串---符号上边，加上<m:top item='9_' name='资讯其他管理' notshowall='1' display='none' rank='sys_MakeHtml'><m:item name='管理身份z' link='/plus/mood/mood_write_admin.php' rank='sys_MakeHtml' target='main' /></m:top>复制代码 就可以在后台的 “其他”->“管理身份z” 中访问到你新加的功能了

---