完美制作dedeCMS的JS+CSS导航条下拉菜单

 用DEDE套站的时候，有时候需要制作下拉菜单。dede5.5有下拉菜单，比较不错，有需要的可以直接到5.5的模板里面去借鉴。这里我分享一下个人的dedeCMS制作js+css下拉菜单的经验，此菜单兼容5.5到5.7版本的dedeCMS。

 

dedeCMS导航下拉菜单的调用

dedeCMS下拉菜单实际上就是顶级栏目和每个栏目的子栏目的一个循环调用，我使用了以下代码，实现了这种调用。

<ul id=”mainnav”>

<li class=”home”><a href=”/”>主页</a></li>

{dede:channelartlist typeid=’top’}

<li>{dede:type}<a href=”[field:typeurl/]” >[field:typename/]</a>{/dede:type}

<ul>

{dede:channel type=’son’}

<li><a href=”[field:typeurl/]“>[field:typename/]</a></li>

{/dede:channel}

</ul>

</li>

{/dede:channelartlist}

</ul>

这种调用方法无法实现当前页效果，如果要实现当前页效果，请参考dedecms官方的下拉菜单制作方法。

比较重要的CSS样式

这里比较重要的是注意CSS的应用，以下是该菜单完整的CSS代码。如果需要其他效果，请自行修改。

上一篇：DedeCMS网站地图优化技巧：生成根目录

下一篇：dedecms实现下拉菜单方法