導(dǎo)讀:織夢技術(shù)織夢技術(shù)織夢5.7版本的默認(rèn)模板中，導(dǎo)航欄是沒有二級菜單的，其實默認(rèn)模板中可以設(shè)置二級菜單。下面我們就來看看怎樣實現(xiàn)織夢默認(rèn)模板導(dǎo)航欄的二級菜單。dede手機(jī)模板dede后臺模板。

  織夢5.7版本的默認(rèn)模板中，導(dǎo)航欄是沒有二級菜單的，其實默認(rèn)模板中可以設(shè)置二級菜單。下面我們就來看看怎樣實現(xiàn)織夢默認(rèn)模板導(dǎo)航欄的二級菜單。 1、為了演示二級菜單的樣式，我們創(chuàng)建一個欄目“新聞中心”，其下有3個子欄目“公司新聞”、“行業(yè)咨詢”、“視頻中心” ，創(chuàng)建完成后，生成網(wǎng)站，導(dǎo)航欄沒有下拉菜單的樣式。下面就是二級菜單的添加方法。 2、首先在默認(rèn)模板文件夾default的footer.htm文件中的頭部加上這段代碼<!-- //二級子類下拉菜單，考慮SEO原因放置于底部 --> <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> 把上面代碼放入footer.htm后，保存文件，生成一下網(wǎng)站后，網(wǎng)站的導(dǎo)航欄就已經(jīng)出現(xiàn)二級菜單的樣式，樣式如下圖： 現(xiàn)在就有了二級菜單的樣式，并且沒有背景，是透明的背景。 3、通過看上面添加的代碼，其中調(diào)用了一個js文件，是織夢系統(tǒng)的/images/js/dropdown.js ，通過這個路徑你會發(fā)現(xiàn)文件是織夢系統(tǒng)自帶的，不是模板中的，所以我們就算用其他的模板也可以調(diào)用這個js樣式。 另外我們現(xiàn)在也可以對這個透明的二級菜單做調(diào)整，因為二級菜單的樣式在織夢默認(rèn)模板default的style中的dedecms.css中也是默認(rèn)存在的，打開dedecms.css查詢“下拉菜單” 這個詞，就可以找到代碼，如下圖 .dropMenu就是下拉菜單的樣式，懂div+css的朋友應(yīng)該知道怎樣修改，不懂的請學(xué)習(xí)一下css。 4、通過上面的下拉菜單的css樣式，我們可以看到，下拉菜單的背景是名稱為mmenubg.Gif 的圖片，我們可以把下面的圖片復(fù)制到default的images文件夾下,命名為mmenubg.Gif ，這樣下拉菜單就出現(xiàn)背景了。

關(guān)鍵詞標(biāo)簽: 織夢 標(biāo)簽 菜單