织梦DedeCMS v5.7 完美实现导航条下拉菜单

  • 时间:
  • 浏览:2

织梦DedeCMS v5.7 实现导航条下拉菜单

  首先将下面这段代码放满templets\default\footer.htm文件里(只要在此文件里就行,位置无所谓)

<!-- //二级子类下拉菜单 ,考虑SEO是是因为放置于底部 

-->

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

  刷新网页发现是是因为神奇地冒出了下拉菜单,但此时是透明的,是是因为缺少有另俩个 下拉菜单图片。,是是因为是这麼背景图片。

  接下来你时要把DedeCMS5.6任务管理器运行文件夹\dede\img里的mmenubg.gif(绿色背景图片,适用于绿色主题模板)是是因为DedeCMS5.5程 序文件夹\templets\images里的mmenubg.gif(深紫色 背景图片,适用于深紫色 主题模板)好友克隆到DedeCMS5.7任务管理器运行文件夹 /templets/default/images下面,现在你再看一下效果,呵呵,导航栏是都是是因为冒出熟悉的下拉菜单了

  此时,你你要的效果基本上是是因为完成了,是是因为你还想做很多的设置,比如调整位置,只时要找到/templets/default/style/dedecms.css文件,ctrl+f 寻找.dropMenu

  是是因为本来 调整厚度,只用修改 :

  width: 400px;/*------ //另有另俩个 参数是120-,是是因为二级标题字数少,还还也能把参数调整到400,乃至是400--------*/

DedeCms下载:

Tags: dedecms5.7   dedecms导航条下拉菜单   dedecms下载  
责任编辑:cc120