26日
10月

dede 导航上如何实现二级菜单

首先,复制代码:
 程序代码
<!-- //二级子类下拉菜单,考虑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.7的模板文件 /templets/default/footer.htm中的顶端位置。
刷新会发现导航栏已经出现下拉菜单了,但背景是透明的,原因是没有背景图片。
到\dede\img里找mmenubg.gif复制到/templets/default/images下面,刷新再看一下效果,呵呵,导航栏是不是已经出现熟悉的下拉菜单了。
下拉菜单的边框还是原来蓝色的,修改/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; //设置边框的颜色
    background:url(../images/xxx.gif); //设置背景图片
 
把最后一行的颜色代码#93E1EB修改为你要的颜色即可。

更多




请输入您的Email地址,订阅dedecms电子报:
(建议使用QQ邮箱, Gmail, Yahoo, 163, 126邮箱)

填写您的邮件地址,订阅我们的精彩内容:

上一篇:如何去除Dedecms后台登录验证码       下一篇:dede如何实现别人复制文章自动加上网站版权信息

最新的评论会显示在最上方,您的每一次鼓励,都会成为我们成长的动力!


请不要在评论里发HTML格式的链接,会直接被屏蔽。