织梦CMS怎么做这个下拉列表?

就是鼠标放在频道上,会自动出现一个下拉列表

首先,在DedeCMS的模板文件 /templets/default/footer.htm中,复制这样一段代码:<!-- //二级子类下拉菜单,考虑SEO原因放置于底部 -->
<script src="{dede:global.cfg_cmsurl/}/images/js/dropdown.js" type="'text/javascript'"><!--mce:0--></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>

{/dede:channel}</li>
</ul>
{/dede:channelartlist}
<script type="text/javascript"><!--mce:1--></script> 然后将代码粘贴到DedeCMS的模板文件 /templets/default/footer.htm中的顶端位置。 然后你看一下效果,会发现导航栏已经出现下拉菜单了,只是背景是透明的,原因是没有背景图片。 你需要把DedeCMS程序文件夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS程序文件夹\templets\images里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS程序文件夹/templets/default/images下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了。
你可以参考 http://blog.3haoweb.cn/?p=170把下拉菜单左侧的字样修改一下。
并且你还会发现,下拉菜单的边框还是原来蓝色的,你可以修改/templets/default/style下的dedecms.css,找到代码:  我昨天把我网站“三好技巧网”的建站程序更新到了DedeCMS5.6,并且选用了新版可选模板,结果发现导航栏的下拉菜单不见了,经过一番折腾,终于又把它找回来了,现在把解决方法与大家分享一下。  首先,在DedeCMS5.5的模板文件 /templets/default/footer.htm中,复制顶端的这样一段代码:<!-- //二级子类下拉菜单,考虑SEO原因放置于底部 -->
<script src="{dede:global.cfg_cmsurl/}/images/js/dropdown.js" type="'text/javascript'"><!--mce:0--></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>

{/dede:channel}</li>
</ul>
{/dede:channelartlist}
<script type="text/javascript"><!--mce:1--></script>  然后粘贴到DedeCMS5.6的模板文件 /templets/default/footer.htm中的顶端位置。
  然后你看一下效果,会发现导航栏已经出现下拉菜单了,只是背景是透明的,原因是没有背景图片。
  你需要把DedeCMS5.6程序文件夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)或者DedeCMS5.5程序文件夹\templets\images里的mmenubg.gif(蓝色背景图片,适用于蓝色主题模板)复制到DedeCMS5.6程序文件夹/templets/default/images下面,现在你再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了。
  你可以参考《如何修改DedeCMS导航栏下拉菜单左侧的“DEDECMS BIZ”字样》把下拉菜单左侧的字样修改一下。
  并且你还会发现,下拉菜单的边框还是原来蓝色的,你可以修改/templets/default/style下的dedecms.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 #93E1EB;}把最后一行的颜色代码#93E1EB修改为#669933即可。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-04-02
这个是JS实现的。

http://www.zztuku.com/JS/Navigation/ 戳这里有很多这样的代码……