• 市场监管总局部分网红饮品存隐患 2019-05-21
  • 浙江省2018年高校招生公益巡回咨询会安排新鲜出炉! 2019-05-21
  • 东鹏控股拟发行1.5亿A股,二次上市进程加快 2019-05-20
  • 跨境电商打造新“空中贸易通道” 2019-05-20
  • 山西首届百名金牌导游大赛太原选拔赛3月8日鸣锣 2019-05-19
  • ...重庆市政府公开信箱... 2019-05-19
  • 甘肃裕河:“美猴王”下山 2019-05-18
  • 打造上合组织命运共同体 成员国应积极推动理念与实践 2019-05-17
  • 【理上网来·喜迎十九大】全面从严治党的核心是加强党的领导 2019-05-17
  • [雷人]不管什么税,只有还能通过二次交易获利,就有炒作的空间,房价一样是不会恢复合理的! 2019-05-16
  • 鹰潭:市委书记专题调研监察体制改革试点工作 2019-05-15
  • 回复@跟踪追击:又一个老蚕被钓出来了!咱先不说话了,看到底能钓出几个老蚕? 2019-05-14
  • 老年人社保年审如何更便利 2019-05-13
  • “海翼”号成长记(关注) 2019-05-12
  • 楼市下半年或持续降温 房地产长效机制加速推进 2019-05-11
  • 主要内容区

    新闻中心

    真人游戏互动惩罚:织梦导航栏目下拉菜单的具体实现办法

    时间: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-05-21
  • 浙江省2018年高校招生公益巡回咨询会安排新鲜出炉! 2019-05-21
  • 东鹏控股拟发行1.5亿A股,二次上市进程加快 2019-05-20
  • 跨境电商打造新“空中贸易通道” 2019-05-20
  • 山西首届百名金牌导游大赛太原选拔赛3月8日鸣锣 2019-05-19
  • ...重庆市政府公开信箱... 2019-05-19
  • 甘肃裕河:“美猴王”下山 2019-05-18
  • 打造上合组织命运共同体 成员国应积极推动理念与实践 2019-05-17
  • 【理上网来·喜迎十九大】全面从严治党的核心是加强党的领导 2019-05-17
  • [雷人]不管什么税,只有还能通过二次交易获利,就有炒作的空间,房价一样是不会恢复合理的! 2019-05-16
  • 鹰潭:市委书记专题调研监察体制改革试点工作 2019-05-15
  • 回复@跟踪追击:又一个老蚕被钓出来了!咱先不说话了,看到底能钓出几个老蚕? 2019-05-14
  • 老年人社保年审如何更便利 2019-05-13
  • “海翼”号成长记(关注) 2019-05-12
  • 楼市下半年或持续降温 房地产长效机制加速推进 2019-05-11