軟件APP類網站源碼織夢通用型企業網站源碼html

html5響應式網站織夢模板源碼IT網絡工作室織夢網

藍色安防器材公司類整站模板

工業環保工程類企業網站織夢模板(帶手機端)

織夢開源程序(dedecms)是一個很不錯的開源程序，功能十分的強大，只是默認的模板就有很不錯的用戶體驗效果。而還有很多的不完美的地方，就需要我們自己去做一下修改，譬如默認導航條上面沒有下拉列表的功能，今天我就來幫助大家解決一下怎樣制作織夢導航下拉列表。

其實這個導航條上面顯示下拉列表還是蠻簡單的，即使你不懂代碼知識也是可以操作的，下面跟著步驟走，就能很輕松的實現啦。

首先我們將將下面這段紅色的代碼貼到"網站根目錄\templets\default\&;的"footer.htm"文件里里面，一般來說把這段代碼放在最下面就行了。

<!-- //放于底部即可-->

<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>

接著我們重新生成網站首頁，再打開首頁刷新一下就會發現你的網站導航欄已經出現下拉菜單了，只是背景還是透明的，原因是沒有背景圖片。這時候我們只需要再加一張我們喜歡的背景圖片就好看多了。

可是頭疼的是，這個下拉菜單是透明的！咋么辦？？

加背景圖片的辦法

我們把織夢DedeCMS程序文件夾\dede\img里的mmenubg.gif（綠色背景圖片，適用于綠色主題模板）或者DedeCMS程 序文件夾\templets\images里的mmenubg.gif（藍色背景圖片，適用于藍色主題模板）復制到DedeCMS程序文件夾 /templets/default/images下面，現在你再看一下效果，導航欄是不是已經出現熟悉的下拉菜單了。

如果還想有更好的效果展示的話，我們就需要去手工修改/templets/default/style/dedecms.css里面的文件了，不過這得需要一點css知識哦~

修改css的話，我們可以在里面使用"ctrl+f"尋找 .dropMenu 進行修改即可。