主要內容區

新聞中心

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

時間: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;
}

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



上一篇:織夢網站建設產品內容頁調用原圖的具體方法 下一篇:織夢產品內容頁原圖調用方法介紹
當前位置: 主頁 > 新聞中心 > 優化技巧 >
關閉
山西快乐10分平台 天津十一选五开奖号 河南22选5在哪个电视台开奖直播 河南快三号码遗漏图 赛车游戏破解版下载 山西省快乐十分彩控图 福建快3开奖 股票配资开户流程 广东十一选五开奖结果 时时彩代理不赚钱 赌场里面有哪些游戏