Question

DEDE5.7 怎样制作一个动态导航下拉菜单效果，主栏目下拉出二级栏目

Answer 1

DEDE5.6模板就有这个功能代码，主导航链接加上rel属性

 <div id="navMenu">
    	<ul>
    	{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>	

然后在页脚部分加上下拉菜单代码

<script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script>
{dede:channelartlist typeid='top'   }
<ul id="dropmenu{dede:field.typeid/}" class="dropMenu">
  {dede:channel type='son' }
    <li><a href="[field:typelink/]"  target="[field:smalltypes/]">[field:typename/]</a></li>
  {/dede:channel}
</ul>
{/dede:channelartlist}
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>

注意主菜单必须有id="navMenu"  和页脚部分的js代码对应cssdropdown.startchrome("navMenu")