❶ 在用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; }