解决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>

已通过测试，兼容主流浏览器

具体实现代码如下：
一级导航实现代码：
<div class="nav" id="navMenu">
    <ul>
       <li><a href='{dede:global.cfg_cmsurl/}/'><span>主页</span></a></li>
       {dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~'

~rel~><span>~typename~</span></a></li>"}
       <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
       {/dede:channel}
   </ul>
  </div>

二级菜单实现代码：
<div class="menu">
    <div  class="menu_box" id="nav">
   <div class="hide"></div>
  
      <script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script>
{dede:channelartlist typeid='top' cacheid='channelsonlist'}
<div id="dropmenu{dede:field.typeid/}" class="dropMenu">
  {dede:channel type='son' noself='yes'} 
  <a href="[field:typelink/]">[field:typename/]</a>
  {/dede:channel}
</div>
{/dede:channelartlist}
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>
    </div>
  </div>

预览效果，修改css样式进行优化
对应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 #BADAA1;
    border-top: 0px solid #3CA2DC;
    background-color: #FFF;
    background:url(../images/mmenubg.gif);
    padding-top:6px;
    padding-bottom:6px;
}

如果DEDEcms的二级导航还是没有变化的话，请把dedecms(也就是网站根目录)/data/cache/channelsonlist.inf这个文档清空，然后在后台生成就可以了。