dedecms織夢導航欄二級菜單的實現方法

dede導航下拉菜單,一級欄目增加二級下拉菜單

 

使用dedecms5.6——5.7

將這段代碼貼到templets\default\head.htm文件里
<!-- //二級子類下拉菜單，考慮SEO原因放置於底部  -->
<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>

 

重新生成一下后看一下效果，會發現導航欄已經出現下拉菜單了，只是背景是透明的，原因是沒有背景圖片。
　　你需要把DedeCMS5.5程序文件夾\dede\img里的mmenubg.gif(綠色背景圖片，適用於綠色主題模板)或者DedeCMS5.5程序文件夾\templets\images里的mmenubg.gif(藍色背景圖片，適用於藍色主題模板)復制到DedeCMS5.6.7程序文件夾/templets/default/images下面，現在你再看一下效果，呵呵，導航欄是不是已經出現熟悉的下拉菜單了。

 

以下是全部代碼：

<!-- //底部模板 -->
<div class="footer w960 center mt1 clear">
 <!--
  為了支持織夢團隊的發展,請您保留織夢內容管理系統的鏈接信息.
  我們對支持織夢團隊發展的朋友表示真心的感謝!織夢因您更精彩!
 -->
   
<!-- //二級子類下拉菜單，考慮SEO原因放置於底部  -->
<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>

    <div class="footer_left"></div>
    <div class="footer_body">
 <p class="powered">   
  Powered by <a href="http://www.dedecms.com" title="織夢內容管理系統(DedeCms)--國內最專業的PHP網站管理系統，輕松建站的首選利器。" target="_blank"><strong>DedeCMS{dede:global.cfg_version/}</strong></a> © 2004-2011 <a href="http://www.desdev.cn/" target="_blank">DesDev</a> Inc.<br /><div class="copyright">{dede:global.cfg_powerby/}  {dede:global.cfg_beian/}</div></p>       
<!-- /powered -->
   </div>
   <div class="footer_right"></div>
</div>