解决DEDECMS的二级导航菜单问题_JavaScript

解决DEDECMS的二级导航菜单问题

解决方法：复制如下代码至templets\default\footer.htm开头或者需要二级导航的位置

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

具体实现代码如下：
一级导航实现代码：
<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;
}