zoukankan      html  css  js  c++  java
  • 织梦dede下拉菜单的实现方法-织梦下拉菜单的添加制作

      完成下面的3个步骤,只要是织梦dedecms建的站不管是默认的还是自己建立的模板都可以实现下拉菜单。雨过天晴工作室亲测有效!
      织梦dede实现下拉菜单步骤:
      一、你自己网站正在用的模板的head
      {/dede:channel}
      首页
      {dede:channel row='10'type='top'}
      [field:rel/]>[field:typename/]
      我们只要注意黑色的这一行,这个是输出导航栏栏目的,需要在这里添加上红色的部分[field:rel/]你想要更多样式需要你自己慢慢测试了。
      提醒:这里首页必须用id="navMenu",在css表格里吧头部的id或者class更改为默认这个。
      二、你自己网站正在用的模板的footer.htm或者index.htm,head.htm等等均可,这里推荐footer.htm。
      在页面上添加如下java代码,全部复制黏贴即可。
      {dede:channelartlist typeid='top'cacheid='channelsonlist'}
      {dede:channel type='son'noself='yes'}
      [field:typename/]
      {/dede:channel}
      {/dede:channelartlist}
      三、到templetsdefaultstyle中打开dedecms.css
      寻找.dropMenu这个类,复制他的所有代码到你自己的css中,
      你也可以直接复制下面的代码到你的css中。
      如下:
      .dropMenu{
      position:absolute;
      top:0;
      z-index:100;
      80px;
      visibility:hidden;https://www.cqxftyyj.com
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
      margin-top:-1px;
      border:3px solid#FF0000;
      border-top:0px solid#3CA2DC;
      background-color:#FFF;
      background:url(templets/sdgwy/index_files/mmenubg.gif);
      padding-top:6px;
      padding-bottom:6px;
      }
      .dropMenu li{
      margin-top:2px;
      margin-bottom:4px;
      padding-left:6px;
      }
      .dropMenu a{
      auto;
      display:block;
      color:black;
      padding:2px 0 2px 1.2em;
      }
      *html.dropMenu a{
      100%;
      }
      .dropMenu a:hover{
      color:red;
      text-decoration:underline;
      }
      当然这里面可以修改下拉菜单样式,这个可以自己调试,包括下拉的背景色。
      经过上面的三步后,你的dede下拉菜单功能就实现了,相信对你很有帮助的。
      以下是我修改过的代码
      首页
      {dede:channel row='10'type='top'}
      [field:typename/]
      {/dede:channel}
      {dede:channelartlist typeid='top'cacheid='channelsonlist'}
      {dede:channel type='son'noself='yes'}
      [field:typename/]
      {/dede:channel}
      {/dede:channelartlist}

  • 相关阅读:
    ubuntu下文件安装与卸载
    webkit中的JavaScriptCore部分
    ubuntu 显示文件夹中的隐藏文件
    C语言中的fscanf函数
    test
    Use SandCastle to generate help document automatically.
    XElement Getting OuterXML and InnerXML
    XUACompatible meta 用法
    Adobe Dreamweaver CS5.5 中文版 下载 注册码
    The Difference Between jQuery’s .bind(), .live(), and .delegate()
  • 原文地址:https://www.cnblogs.com/zqw111/p/12921668.html
Copyright © 2011-2022 走看看