首先，我們將下面的紅色代碼粘貼到“網(wǎng)站根目錄模板默認(rèn) 文本JavaScriptsrc= dedechannelartlisttypeid=topclass=子noself=a dedechannelartlist 導(dǎo)航菜單 然后我們重新生成網(wǎng)站首頁(yè)，再打開首頁(yè)刷新你會(huì)發(fā)現(xiàn)你的網(wǎng)站導(dǎo)航欄里已經(jīng)出現(xiàn)了下拉菜單，但是因?yàn)闆](méi)有背景圖，所以背景還是透明的這時(shí)候。

1在下拉菜單的CSS樣式中，使用zindex屬性來(lái)控制下拉菜單的層級(jí)，確保其位于其他頁(yè)面內(nèi)容之上，但不會(huì)重疊和撐開下面的內(nèi)容2在網(wǎng)頁(yè)布局時(shí)，將下拉菜單的位置放在其它內(nèi)容的空白區(qū)域，避免下拉菜單和下面的內(nèi)容發(fā)生重疊或撐開例如，在菜單下方設(shè)定一個(gè)空白的容器，只有下拉菜單在里面顯示3可以在。

菜單項(xiàng)制作完成鏈接頁(yè)面設(shè)置完成后，就可將制作好的下拉導(dǎo)航菜單發(fā)布到網(wǎng)頁(yè)中在發(fā)布的對(duì)話框中選擇要插入下拉導(dǎo)航菜單的網(wǎng)頁(yè)，代碼必須要插入到頁(yè)面的標(biāo)簽內(nèi)，在代碼中找到標(biāo)簽的位置，點(diǎn)擊‘插入代碼’按鈕，就可成功發(fā)布，瀏覽網(wǎng)頁(yè)時(shí)，就能看到下拉導(dǎo)航菜單1 點(diǎn)擊要做下拉菜單的第一個(gè)單元格，在上。

先把導(dǎo)航條做出來(lái)，然后在每個(gè)想有下拉列表的欄目下，畫出來(lái)下拉的選項(xiàng)，格式一般為 12，然后調(diào)好樣式并將div的style設(shè)置，display= 然后獲取到你的欄目，添加鼠標(biāo)事件onMouseover或onclick都行事件中添加jquery代碼quot要下來(lái)的那個(gè)div的選擇器quotslideDown100 100為時(shí)間 基本上就是這個(gè)思。

用JAVASCRIPT就能搞定了，你看下這個(gè)文件效果，換成你的文字和圖片就行了這個(gè)叫“樹狀菜單” 無(wú)標(biāo)題文檔 lt！ foldheadercursorhand fontweightbold liststyleimageurlfoldgif foldinglistliststyleimageurlfoldgif。

用zindex來(lái)提升它的層排序，這個(gè)值可以是負(fù)數(shù)，越大越在前，用在你被檔住那個(gè)元素上還有，zindex一定要在用了position的元素上才會(huì)起作用。

其實(shí)，用Dreamweaver軟件就可以制作下拉菜單，只需要點(diǎn)幾下就出來(lái)了而且良好地兼容IEFF瀏覽器以下是具體制作步驟一打開Dreamweaver，點(diǎn)擊 文件新建 菜單，創(chuàng)建一個(gè)HTML文件，輸入網(wǎng)站導(dǎo)航欄文字，并選中輸入的文字，在下面的屬性欄鏈接處加一個(gè)空鏈接#然后保存該網(wǎng)頁(yè)文件二點(diǎn)擊 窗口行為。

1正常布局網(wǎng)站，導(dǎo)航欄也正常布局2自定義導(dǎo)航欄制作可復(fù)制原來(lái)的導(dǎo)航欄，也可以另制作一份，絕對(duì)定位，隱藏3在頁(yè)面scroll事件中進(jìn)行判斷，滾動(dòng)到指定像素位置，自定義的導(dǎo)航欄出現(xiàn)，并且隨著scroll事件對(duì)top值不斷更新，一句jquery的scrollTop4如果向上回滾，判斷scrollTop值，隱藏自定義。

給你一個(gè)純CSS的橫向菜單代碼吧，這個(gè)最省網(wǎng)頁(yè)資源lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lt。

很榮幸來(lái)回答你這個(gè)問(wèn)題，你說(shuō)的代碼循環(huán)是說(shuō)嵌套dedecms 調(diào)用標(biāo)簽嗎如果是的話，這將非常簡(jiǎn)單，dedecms織夢(mèng)調(diào)用導(dǎo)航菜單和其子菜單的標(biāo)簽是channelchannel頻道標(biāo)簽 標(biāo)簽名稱channel 標(biāo)記簡(jiǎn)介織夢(mèng)常用標(biāo)記，通常用于網(wǎng)站頂部以獲取站點(diǎn)欄目信息，方便網(wǎng)站會(huì)員分類瀏覽整站信息 功能說(shuō)明用于獲取欄目列表。

設(shè)置固定定位，定位到窗口頂部HTML這是一個(gè)固定定位的div CSSfixposition fixed background blackcolor #fff。

織夢(mèng)V57 導(dǎo)航下拉添加方法如下1在核心下的網(wǎng)站欄目管理頁(yè)面 2首先添加添加頂級(jí)欄目，添加成功后，列表后面點(diǎn)擊添加子類即二級(jí)欄目的3后臺(tái)沒(méi)顯示時(shí)點(diǎn)擊下頂級(jí)欄目前面的+圖片就出現(xiàn)二級(jí)欄目了，如果前臺(tái)沒(méi)顯示，很有可能是你前臺(tái)顯示二級(jí)欄目的標(biāo)簽沒(méi)有寫，所以沒(méi)顯示4。

這個(gè)可以用jquery實(shí)現(xiàn)呀，你id=nav的那個(gè)div是不是寫錯(cuò)了 應(yīng)該是ul吧首先在首頁(yè)引用jquery庫(kù) jquery171minijs 然后把下面的代碼放在下面就可以了 documentready #39#nav li#39hover function #39#nav ul#39css#39display#39#39#39thischildren#39ul#39css。

JQ其實(shí)還可以寫得更少Write Less而且你那樣寫有一個(gè)毛病，那就是用光標(biāo)在的菜單上來(lái)回快速晃動(dòng)幾個(gè)，再移開光標(biāo)時(shí)，你會(huì)發(fā)現(xiàn)，下拉的菜單它還在那里一上一下晃著所以要得在效果前加上一個(gè)stop function #39meun#39hoverfunction$thisfind#39ul#39stoptrue，trueslideDown。

讓二級(jí)菜單變成一行，只需要在豎排的效果上，讓二級(jí)菜單都浮動(dòng)起來(lái)，這樣就在一行了下面是簡(jiǎn)單的代碼實(shí)現(xiàn)，僅供參考* margin0px padding0pxli liststyle width100px height30px fontsize14px textalignleft lineheight30px border1px solid #000 position。