❶ 在用HTML製作網頁時，二級菜單出現時,一級菜單為什麼老掉下來
一般出現這種情況，往往是這個寬度的問題。寬度沒有寫死，正常的時候的一級菜單的寬度和hover狀態下一級菜單的寬度不同，所以會掉下來。
下面有一個二級菜單的demo，可以對照著找一下
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-08"/>
<title>dropline-水平三級橫向彈出菜單</title>
<styletype="text/css">
/*commonstyling*/
.hd3_nav{font-family:arial,sans-serif;width:749px;height:30px;position:relative;margin:0;font-size:11px;margin:0;background:#fff;position:relative;}
.hd3_navul{padding:0;margin:0;list-style-type:none;}
.hd3_navulli{float:left;border-left:1pxsolid#eee;width:106px;}
.hd3_navullia,.hd3_navullia:visited{display:block;float:left;width:101px;text-decoration:none;padding:0005px;height:30px;line-height:30px;color:#000;background:#c9c9a7url(../../graphics/drop.gif)bottomrightno-repeat;}
.hd3_navulliul{display:none;}
/*specifictononIEbrowsers*/
.hd3_navulli:hovera{color:#fff;background:#b3ab79;}
.hd3_navulli:hoverul{display:block;position:absolute;width:749px;top:30px;left:0;background:#b3ab79;color:#fff;}
.hd3_navulli:hoverul.right_sideli{float:right;border:0;border-left:1pxsolid#eee;}
.hd3_navulli:hoverul.left_sideli{float:left;border:0;border-left:1pxsolid#eee;}
.hd3_navulli:hoverullia.hide{background:#bd8d5eurl(../../graphics/drop2.gif)bottomrightno-repeat;color:#fff;}
.hd3_navulli:hoverulli:hovera.hide{background:#b3ab79;color:#fff;}
.hd3_navulli:hoverulliul{display:none;}
.hd3_navulli:hoverullia{display:block;background:##b3ab79;color:#fff;}
.hd3_navulli:hoverullia:hover{background:#dfc184;color:#000;}
.hd3_navulli:hoverulli:hoverul{display:block;position:absolute;left:0;top:30px;color:#000;background:#dfc184;}
.hd3_navulli:hoverul.rightli{float:right;}
.hd3_navulli:hoverulli:hovera.hide{background:#dfc184;color:#000;}
</style>
</head>
<body>
<divclass="hd3_nav">
<ul>
<li><aclass="hide"href="../hd3_nav/index.html">第1個</a>
<ul>
<li><ahref="../hd3_nav/zero_dollars.html"title="Thezerodollaradspage">zerodollars</a></li>
<li><ahref="../hd3_nav/embed.html"title="Wrappingtextaroundimages">wrappingtext</a></li>
<li><ahref="../hd3_nav/form.html"title="Stylingforms">styledform</a></li>
<li><ahref="../hd3_nav/nodots.html"title="Removingactive/focusborders">activefocus</a></li>
<li><ahref="../hd3_nav/hover_click.html"title="Hover/clickwithnoactive/focusborders">HOVER/CLICK</a></li>
<li><ahref="../hd3_nav/shadow_boxing.html"title="Multi-positiondropshadow">shadowboxing</a></li>
<li><ahref="../hd3_nav/old_master.html"title="">imagemap</a></li>
</ul>
</li>
<li><aclass="hide"href="index.html">第2個</a>
<ul>
<li><ahref="spies.html"title="acodedlistofspies">spieshd3_nav</a></li>
<li><ahref="vertical.html"title="ahorizontalverticalhd3_nav">verticalhd3_nav</a></li>
<li><ahref="expand.html"title="anenlargingunorderedlist">enlarginglist</a></li>
<li><ahref="enlarge.html"title="anunorderedlistwithlinkimages">linkimages</a></li>
<li><ahref="cross.html"title="non-rectangularlinks">non-rectangular</a></li>
<li><ahref="jigsaw.html"title="jigsawlinks">jigsawlinks</a></li>
<li><ahref="circles.html"title="circularlinks">circularlinks</a></li>
</ul>
</li>
<li><aclass="hide"href="../layouts/index.html">第3個</a>
<ul>
<li><ahref="../layouts/bodyfix.html"title="Crossbrowserfixedlayout">Fixed1</a></li>
<li><ahref="../layouts/body2.html"title="Crossbrowserfixedlayout">Fixed2</a></li>
<li><ahref="../layouts/body4.html"title="Crossbrowserfixedlayout">Fixed3</a></li>
<li><ahref="../layouts/body5.html"title="Crossbrowserfixedlayout">Fixed4</a></li>
<li><ahref="../layouts/minimum.html"title="Asimpleminimumwidthlayout">minimumwidth</a></li>
</ul>
</li>
<li><aclass="hide"href="../boxes/index.html">第4個</a>
<ul>
<li><ahref="spies.html"title="acodedlistofspies">spieshd3_nav</a></li>
<li><ahref="vertical.html"title="ahorizontalverticalhd3_nav">verticalhd3_nav</a></li>
<li><ahref="expand.html"title="anenlargingunorderedlist">enlarginglist</a></li>
<li><ahref="enlarge.html"title="anunorderedlistwithlinkimages">linkimages</a></li>
<li><ahref="cross.html"title="non-rectangularlinks">non-rectangular</a></li>
<li><ahref="jigsaw.html"title="jigsawlinks">jigsawlinks</a></li>
<li><ahref="circles.html"title="circularlinks">circularlinks</a></li>
</ul>
</li>
<li><aclass="hide"href="../mozilla/index.html">第5個</a>
<ul>
<li><ahref="../mozilla/dropdown.html"title="Adropdownhd3_nav">dropdownhd3_nav</a></li>
<li><ahref="../mozilla/cascade.html"title="Acascadinghd3_nav">cascadinghd3_nav</a></li>
<li><ahref="../mozilla/content.html"title="Usingcontent:">content:</a></li>
<li><ahref="../mozilla/moxbox.html"title=":hoverappliedtoadiv">mozziebox</a></li>
<li><ahref="../mozilla/rainbow.html"title="Icanbuildarainbow">rainbowbox</a></li>
<li><ahref="../mozilla/snooker.html"title="Snookercue">snookercue</a></li>
<li><ahref="../mozilla/target.html"title="TargetPractise">targetpractise</a></li>
</ul>
</li>
<li><aclass="hide"href="../ie/index.html">第6個</a>
<ulclass="right_side">
<li><ahref="../ie/exampleone.html"title="Exampleone">exampleone</a></li>
<li><ahref="../ie/weft.html"title="Weftfonts">weftfonts</a></li>
<li><ahref="../ie/exampletwo.html"title="Verticalalign">verticalalign</a></li>
</ul>
</li>
<li><aclass="hide"href="../opacity/index.html">第6個</a>
<ulclass="right_side">
<li><ahref="../opacity/colours.html"title="colourwheel">opaquecolours</a></li>
<li><ahref="../opacity/picturehd3_nav.html"title="ahd3_navusingopacity">opaquehd3_nav</a></li>
<li><ahref="../opacity/png.html"title="partialopacity">partialopacity</a></li>
<li><ahref="../opacity/png2.html"title="partialopacityII">partialopacityII</a></li>
<li><ahref="../hd3_nav/hover_click.html"title="Hover/clickwithnoactive/focusborders">HOVER/CLICK</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
❷ 怎樣在Dreamweaver中製作二級聯動菜單,數據不多.不要用資料庫
用Dreamweaver製作下拉菜單
Dreamweaver是製作下拉菜單最常用的工具，方法簡單，控制自由，可以最大限度地隨心打造菜單樣式，是製作下拄菜單的必修課。
用Dreamweaver製作下拉菜單的原理很簡單，它利用了Behaviors（行為）面板中的內置方法Show-Hide Layers（隱藏-顯示層）方法，並用onMouseOver（滑鼠移至）和onMouseOut（滑鼠移開）來觸發層的隱藏和顯示，而將要出現的菜單就在層中。
因此，我們可以分四步來製作下拉菜單，首先我們需要一個導航條，它用來放置首先出現在瀏覽者眼前的主菜單；然後再製作開始隱藏著而將會出現的下拉選單；接著，進行最關鍵的一步，為主菜單和下拉選單添加上隱藏和顯示層的效果；最後，我們進行菜單的美化修飾。最終看到的效果如圖。
相信你已經等不急了，那就讓我們馬上開始吧！
一、 導航條的製作
首先進行一些必要的前期工作，按CTRL+J，打開Page Properties（頁面屬性）窗口，參數設置如圖二，這一設置對菜單的位置將有影響，所以請如圖設置。
按CTRL+F2打開Objects面板，點擊層按鈕後在頁面中按住滑鼠不放拖出一個層，然後在層的Properties（屬性）面板中設置各參數，Layer ID框填入title，L、T、W、H框分別填入8、15、480、15，背景色填入#006699，如圖。
將游標移至層內，點擊Objects面板上的表格按鈕，插入一個一行四列的表格，設置如圖。
按住CTRL鍵不放點取表格的四個單元格，然後設置它們的寬度為120，並在前兩個單元格中輸入文字，就是你的主菜單名，可按自己想要的名字輸入，我用"經典論壇"和"天極網"為例，並加上鏈接。
二、 下拉選單的製作
現在開始製作將要下拉出現的菜單，同樣用層來製作。
再次從Objects面板插入一個層到前面我們做好的導航條的下方，各項參數填為：Layer ID框填入menu1，L、T、W、H框分別填入8、34、120、80，背景色填入#999966，其中L和T兩個參數是設置這個層距離窗口左邊框和上邊框的距離，一定不能填錯，不然菜單將會錯位，也將影響完成後的可用性。
這時候，我們便可以在menu1這個層中輸入我們所要的菜單內容。為了排版方便，我在這還是使用表格來做菜單。這個層將作為"經典論壇"的下拉選單出現，填入你所需要的菜單鏈接。同樣的方法，再為"天極網"也做一個下拉選單（層menu2）。
這一步要注意的地方就是下拉選單所在的層（menu1、menu2）的位置非常重要（由L和T兩個參數決定）。它們的上邊線應該緊貼導航條的下邊線，這樣才能保證在後面我們完成第三個步驟後，菜單能正常使用。因為如果遠離導航條的話，滑鼠一離開導航條，菜單就消失了。
按F2打開LAYER（層）面板，其中列出了網頁中的三個層，點menu1和menu2的前面一格，出現閉著的眼睛圖標，這兩個層便隱藏起來了。操作這一步是因為下拉菜單的初始狀態是不可見的。
三、 顯示和隱藏效果的添加
這一步驟是化腐朽為神奇的關鍵一步，大家仔細跟我來做。
本步驟分為兩部分：第一，對導航條中的主菜單添加控制顯示隱藏的命令；第二，給下拉選單本身添加顯示隱藏的命令。
1．導航條部分
首先按CTRL鍵不放點擊導航條中的第一個單元格，現按Shift+F3打開Behaviors窗口，點按鈕，在下拉選項中選中"Show-Hide Layers"（如圖）。如果選項中沒有這一項，則選擇Show Events For下的IE 5.0後，重新點 按鈕，此時"Show-Hide Layers"將出現。
這時將會彈出一個窗口，如下圖。在Named Layers框中會列出當前網頁所有的層，選中" layer "menu1" "，因為我們想要menu1這個層對"經典論壇"響應。然後點下面的"show"按鈕，OK。
這時會回到Behaviors窗口，窗口中出現如下圖所示字樣，點擊Events下的文字"onClick"，會出現一個向下的小箭頭，點擊它，在下拉選項中選中onMouseOver。這一步的作用是實現當滑鼠移至第一個單元格時，下拉選單menu1的狀態變為顯示（Show）。
下一步是讓下拉選單menu2在滑鼠移至第二個單元格時再變加隱藏狀態。
再點按鈕，在下拉選項中選中"Show-Hide Layers"，在彈出窗口中選中" layer "menu1" "，因為我們想要menu1這個層對"經典論壇"響應。然後點下面的"hide"按鈕，OK。
回到Behaviors窗口，點擊向下的小箭頭，在下拉選項中選中onMouseOut。
2．下拉選單部分
先選中層menu1，方法是點擊層的邊緣或在LAYER面板中點擊menu1，用與導航條部分同樣的方法在Behaviors窗口中為它添加顯示與隱藏自己的命令。這樣做的效果是當滑鼠移出層menu1時，層menu1就自動隱藏。最後層menu1的狀態如圖所示。
3．重復以上兩部分，為導航條的第二個主菜單"天極網"和層menu2添加顯示、隱藏層命令。
四、 下拉菜單的美化修飾
到這里，下拉菜單的功能效果已經實現了，你現在按F12就可以看到。不過你一定也發現菜單有點難看，字不夠精細，菜單選項的默認鏈接色不好看，菜單也沒有邊框，那就讓我們來稍稍為它美容一下。
1．定義菜單字體樣式
按Shift+F11打開CSS Style（樣式）面板，點擊面板下面的按鈕
在彈出的"New Style"窗的Tag框內選中td標簽，Type選第二項Redefine HTML Tag，Define選This Document Only，如圖。
此時彈出設置窗口，不管其它的，只在右邊的Size框里選中12，單位為pixels。
2．定義菜單鏈接樣式
在樣式面板中，點擊面板下面的 按鈕，在彈出窗中， Type選第三項Use CSS Selector，Tag框內選中a:hover標簽，Define選This Document Only，如圖。
點擊OK後在彈出窗中，Color填#ff9933，Decoration選none，點OK。
返回到樣式面板，點擊面板下面的按鈕，在彈出窗中， Type選第三項Use CSS Selector，Tag框內選中a:link標簽，Define選This Document Only。
點擊OK後在彈出窗中，Color填#ffffff，Decoration選none，點OK。
又返回到樣式面板，點擊面板下面的按鈕，在彈出窗中， Type選第三項Use CSS Selector，Tag框內選中a:visited標簽，Define選This Document Only。
點擊OK後在彈出窗中，Color填#ffffff，Decoration選none，點OK。
3．定義菜單邊框樣式
在樣式面板中，點擊面板下面的 按鈕，在彈出窗中， Tag框內選中td標簽，Type選第二項Redefine HTML Tag，Define選This Document Only，如圖。
彈出設置窗口，在左邊的列表中選Border，右邊四條邊寬度都輸入為1，顏色設為黑色#000000，Style選為solid。
到此，我們就大告成功了。趕快用到你的網頁上去吧。
❸ 網頁中的二級菜單三級菜單是什麼意思
網頁也可以認作一個大型以及菜單界面，所有的東西都是可觀看和選擇的，菜單按鈕能下拉選擇一次菜單為二級菜單，菜單按鈕能下拉選擇二次菜單為三級菜單。
舉例說明，如下圖所示，「精彩論壇」為三級菜單，因為「精彩論壇"下屬有兩級菜單。
❹ div CSS 列表菜單 二級導航 二級菜單 網頁設計師。最好給我代碼。粘貼一下不就行了。就這點分了。
首先把display 屬性的置設置為 ：none; 做這個二級菜單 你要會javascript語言，就是當屬標經過時把 display 屬性的置設置為 ：block; 就是當屬標l離開時再把 display 屬性的置設置為 ：none; 給你一個代碼參考一下：
<html >
<head>
<script>
window.onload=function()
{
var obb=document.getElementById('bb');
var obc=document.getElementById('bc');
var obd=document.getElementById('bd');
var obe=document.getElementById('be');
obb.onmouseover=bbv;
obb.onmouseout=bbu;
obc.onmouseover=bcv;
obc.onmouseout=bcu;
obd.onmouseover=bdv;
obd.onmouseout=b;
obe.onmouseover=bev;
obe.onmouseout=beu;
}
function bbv()
{
var ofb=document.getElementById('fb');
ofb.style.display='block';
}
function bbu()
{
var ofb=document.getElementById('fb');
ofb.style.display='none';
}
function bcv()
{
var ofc=document.getElementById('fc');
ofc.style.display='block';
}
function bcu()
{
var ofc=document.getElementById('fc');
ofc.style.display='none';
}
function bdv()
{
var ofd=document.getElementById('fd');
ofd.style.display='block';
}
function b()
{
var ofd=document.getElementById('fd');
ofd.style.display='none';
}
function bev()
{
var ofe=document.getElementById('fe');
ofe.style.display='block';
}
function beu()
{
var ofe=document.getElementById('fe');
ofe.style.display='none';
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style>
#fa ,#fb,#fc ,#fd,#fe{
list-style-type:none;
margin:0px;
padding:0px;
}
#fa{
width:100px;
}
#fa li{
padding:5px;
background:#FDC1E3;
border-bottom:#FFF solid 1px;
text-align:center;
}
#fb,#fc,#fd,#fe{
text-align:center;
width:100px;
height:120px;
border:#F00 solid 5px;
position:absolute;
left:110px;
top:10px;
padding-top:15px;
}
#fc{
border:#0FF solid 5px;
}
#fd{
border:#90C solid 5px;
}
#fe{
border:#9F3 solid 5px;
}
</style>
</head>
<body>
<div>
<ul id="fa">
<li id="bb">圖書</li>
<li id="bc">電器</li>
<li id="bd">數碼</li>
<li id="be">手機</li>
</ul>
<ul id="fb" style="display:none">
<li>圖書</li>
</ul>
<ul id="fc" style="display:none">
<li>電器</li>
</ul>
<ul id="fd" style="display:none">
<li>數碼</li>
</ul>
<ul id="fe" style="display:none">
<li>手機</li style="display:none">
</ul>
</div>
</body>
</html>
如果你不會javascript語言，還是先去了解一個javascript 再來做這個二級菜單吧
❺ dw網頁二級菜單代碼怎麼做！很著急把它放在一級導航底下！
方法和詳細的操作步驟如下：
1、第一步，打開dw軟體並創建一個新文件，見下圖，轉到下面的步驟。
❻ 網頁中的二級頁面和三級頁面是什麼啊怎麼做
一級頁面也就是首頁，二級頁面是鏈接到首頁的，三級頁面鏈接到二級頁面。就拿 www.hao123.com 來說，它的首頁就是一級頁面，點擊網路出現的頁面就是二級頁面，在網路頁面點擊任何一項出現的頁面就是三級頁面。這個就像分類，下面有小分類。比如一級頻道叫「電腦網路」，那電腦網路下面再分「硬體、軟體、互聯網」這三個就是電腦網路的子級也可叫二級，那「互聯網」下面再分「上網幫助、QQ使用、網站推薦」這三個就是「互聯網」這個欄目的子級，同時是「電腦網路」的子子級，也就是三級頻道。結構是這樣的： -電腦網路（一級） +硬體（二級） +軟體（二級） -互聯網（二級） -上網幫助（三級） -QQ使用（三級） -網站推薦（三級）僅供參考 喜歡加分
採納哦
❼ 網頁設計二級菜單怎麼做
如果不會可以找專業人做，有成熟的菜單
❽ 如何用js做網頁上的點擊出現的二級菜單
用jquery實現吧，其實網上 有不少這種小控制項！
<div class="arrowlistmenu">
<h3 class="menuheader expandable">表單</h3>
<ul class="categoryitems">
<li><a href="1/">Horizontal CSS Menus</a></li>
<li><a href="2/">Vertical CSS Menus</a></li>
<li><a href="4/">Image CSS</a></li>
<li><a href="6/">Form CSS</a></li>
</ul>
<h3 class="menuheader expandable">菜單</h3>
<ul class="categoryitems">
<li><a href="">CSS Gallery</a></li>
<li><a href="">Menu Gallery</a></li>
<li><a href="">Web Design News</a></li>
<li><a href="">CSS Examples</a></li>
<li><a href="">CSS Compressor</a></li>
<li><a href="">CSS Forums</a></li>
</ul>
<h3 class="menuheader expandable">分頁</h3>
<ul class="categoryitems">
<li><a href="#" >Free JavaScripts</a></li>
</ul>
</div>
❾ 網站欄目怎麼出現下拉菜單，就是滑鼠放上去怎麼顯示二級欄目
先在網站的head模板添加二級菜單的html代碼，如下
添加之後前台就可以顯示二級菜單，但會出現亂碼，然後找到相應的css文件，在/*nav*/部分，加入以下代碼，具體風格可以自己改，
.nav ul li ul { position:absolute; display:none;}
.nav ul li ul li { float:none;}
.nav ul li ul li a { border-right:none; border-top:0px dotted #ccc; background:#00000000; font-size:15px; color:#fff;}
.nav ul li ul li .nava { color: #FFFFFF; display: inline-block; padding: 0 12px; height:44px; line-height:40px; font-size:18px; color:#fff; margin-left:5px;font-family:Arial,"宋體"; }
.nav ul li:hover ul{ display:block; }