• 端午遇上父亲节,旺了周边游 2019-07-16
  • 爱尔兰艺术家弗兰克·克拉克上电视教画画 走红中国 2019-07-16
  • 乌鲁木齐市惠民举措催热文化消费 2019-07-08
  • 【甘南天气】最新甘南今天天气,实时提供甘南气温、空气质量、24小时天气预报、生活指数查询 2019-07-08
  • 云南这群缉毒警常常被念叨:出差再久都行,只要平安回来 2019-07-01
  • 女子家房子莫名被拆 被要求证明"我的房子是我的" 2019-06-29
  • 天生三条腿 半岁牛犊活成“牛坚强” 2019-06-28
  • 这个错误的观点在自以为懂得马克思主义的人群中很普遍,非常普遍! 2019-06-22
  • 人民日报民生观:把住网红食品安全关 2019-06-22
  • 江西建工集团主要领导职务调整 2019-06-12
  • 有一种税叫“亚裔税” 哈佛大学被控招生政策歧视亚裔学生 2019-06-09
  • 多校自主招生鸣锣开考 烧脑、接地气考题有啥门道 2019-06-08
  • 对,这实质上是货币战争。美国的这些行动是要让前些年泛滥发行的美元裹携各国人民的血汗回流美国,经济的、军事的、政治的手段都要用上,中国对此要有足够的准备。 2019-06-08
  • 首届(2017)中国长期护理保险发展论坛 2019-06-07
  • 二手房办证5个工作日搞定 2019-06-06
  • 主要内容区

    新闻中心

    aika日本3d真人游戏:织梦导航栏目下拉菜单的具体实现办法

    时间:2014-11-25 18:36 来源:未知 作者:admin 点击:

    做网络推广肯定是少不了网站建设,而织梦建站程序由于操作简单实用,受到很多建站人员的青睐,作为一个老牌的建站程序,其功能也是非常完善了,只是很多人不知道怎么用而已,今天小编就在这里给大家讲讲织梦导航2级下拉菜单的调用方法。
    织梦程序默认模版代码里面是有下拉菜单的,只是我们可能不认识而已,所以下面就给大家详细介绍一下织梦下拉菜单的调用步骤:
    首先我们把以下代码放置在网站的最底部,也就是</body>标记前面;
    <!-- //二级子类下拉菜单 start -->
    <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>
    <!-- //二级子类下拉菜单,考虑SEO原因放置于底部 end-->

    其次把导航一级栏目的DIV添加指定id;如下:
    <div id="navMenu" class="nav">
    <ul>
    <li><a href='{dede:global.cfg_cmsurl/}/'><span>网站主页</span></a></li>
     {dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
    <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
     {/dede:channel}
    </ul>
    </div>
    注意:导航对应的div元素id名一定要为navMenu,也就是<div id="navMenu">,后面的那个class="nav"是我网站原模版的样式,不要不影响下拉菜单功能。

    最后我们把下拉导航的CSS样式放置到你自己模板的样式表中,具体样式如下:
    /*-------- 下拉菜单 --------------*/
    .dropMenu {
        background: none repeat scroll 0 0 #2470C8;
        border: 1px solid #006D96;
        border-top:none;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 94px;
        z-index: 100;
    }
    .dropMenu li {
        border-bottom: 1px solid #004E6C;
        height: 25px;
        line-height: 25px;
        width: 94px;
    }
    .dropMenu a {
        color: #FFFFFF;
        display: block;
        text-align: center;
        width: auto;
    }
    * html .dropMenu a {
        width: 100%;
    }
    .dropMenu a:hover {
        background: none repeat scroll 0 0 #000000;
        color: #FFFFFF;
        text-decoration: underline;
    }

    弄到这里,就基本上算是大功告成了,只是可能样式不是很好看,这就需要大家自己慢慢调整了。



    上一篇:织梦网站建设产品内容页调用原图的具体方法 下一篇:织梦产品内容页原图调用方法介绍
    关闭
  • 端午遇上父亲节,旺了周边游 2019-07-16
  • 爱尔兰艺术家弗兰克·克拉克上电视教画画 走红中国 2019-07-16
  • 乌鲁木齐市惠民举措催热文化消费 2019-07-08
  • 【甘南天气】最新甘南今天天气,实时提供甘南气温、空气质量、24小时天气预报、生活指数查询 2019-07-08
  • 云南这群缉毒警常常被念叨:出差再久都行,只要平安回来 2019-07-01
  • 女子家房子莫名被拆 被要求证明"我的房子是我的" 2019-06-29
  • 天生三条腿 半岁牛犊活成“牛坚强” 2019-06-28
  • 这个错误的观点在自以为懂得马克思主义的人群中很普遍,非常普遍! 2019-06-22
  • 人民日报民生观:把住网红食品安全关 2019-06-22
  • 江西建工集团主要领导职务调整 2019-06-12
  • 有一种税叫“亚裔税” 哈佛大学被控招生政策歧视亚裔学生 2019-06-09
  • 多校自主招生鸣锣开考 烧脑、接地气考题有啥门道 2019-06-08
  • 对,这实质上是货币战争。美国的这些行动是要让前些年泛滥发行的美元裹携各国人民的血汗回流美国,经济的、军事的、政治的手段都要用上,中国对此要有足够的准备。 2019-06-08
  • 首届(2017)中国长期护理保险发展论坛 2019-06-07
  • 二手房办证5个工作日搞定 2019-06-06
  • 美国扑克50手试玩 吉林时时彩软件 北京赛车计划 巨乳排球 贵州快3开奖结果福彩网 安卓捕鸟达人变态版 悉尼fc的主场在哪里 重庆时时彩 英雄联盟地图 三剑客和女王注册