DedeCMS完美实现下拉导航菜单的方法_dedecms教程_抓润网

织梦默认没有下拉导航菜单的调用代码，这里就告诉大家如何在织梦DedeCMS实现下拉导航菜单：

我们先将下面这段代码贴到templets\default\footer.htm文件里(最好放在最底下的位置)：

<!-- //二级栏目下拉菜单调用  -->
  <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>

添加完成后生成一下首页，刷新就会发现导航已经神奇地出现了下拉菜单，但这时是下拉菜单还是透明的，因为没有背景图片。

接下来我们需要找一个背景图片将其命名为mmenubg.gif，复制到DedeCMS5.7程序文件夹/templets/default/images下面，然后刷新一下首页，就可以看到有背景的下拉菜单了。

如果还想调节下拉菜单的样式，可以修改/templets/default/style/dedecms.css文件，在里面寻找.dropMenu样式的部分，对其进行修改就行了。

(抓润网帝国模板 www.zhuarun.com)