織夢導航欄目下拉菜單的具體實現辦法

做網絡推廣肯定是少不了網站建設，而織夢建站程序由于操作簡單實用，受到很多建站人員的青睞，作為一個老牌的建站程序，其功能也是非常完善了，只是很多人不知道怎么用而已，今天小編就在這里給大家講講織夢導航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;
}

弄到這里，就基本上算是大功告成了，只是可能樣式不是很好看，這就需要大家自己慢慢調整了。