<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>简单实用的二级下拉菜单</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
body{
text-align:center;
font-size:12px;
}
ul{
padding 0;
margin:0;
list-style:none;
}
li{
position:relative;
float: left;
width: 110px;
}
li ul{
position:absolute;
display:none;
top: 20px;left:30px;
}
li:hover ul,li.over ul{
display:block;
}
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div id="popimg">
<ul id="nav">
<li><a href="#">一级菜单一</a>
<ul>
<li><a href="#">菜单一二级一</a></li>
<li><a href="#">菜单一二级二</a></li>
<li><a href="#">菜单一二级三</a></li>
</ul>
</li>
<li><a href="#">一级菜单二</a>
<ul>
<li><a href="#">菜单二二级一</a></li>
<li><a href="#">菜单二二级二</a></li>
<li><a href="#">菜单二二级三</a></li>
</ul>
</li>
<li><a href="#">一级菜单三</a>
<ul>
<li><a href="#">菜单三二级一</a></li>
<li><a href="#">菜单三二级二</a></li>
<li><a href="#">菜单三二级三</a></li>
</ul>
</li>
<li><a href="#">一级菜单四</a>
<ul>
<li><a href="#">菜单四二级一</a></li>
<li><a href="#">菜单四二级二</a></li>
<li><a href="#">菜单四二级三</a></li>
</ul>
</li>
<li><a href="#">一级菜单五</a>
<ul>
<li><a href="#">菜单五二级一</a></li>
<li><a href="#">菜单五二级二</a></li>
<li><a href="#">菜单五二级三</a></li>
</ul>
</li>
<li><a href="#">一级菜单六</a>
<ul>
<li><a href="#">菜单六二级一</a></li>
<li><a href="#">菜单六二级二</a></li>
<li><a href="#">菜单六二级三</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>本回答被提问者和网友采纳
不过现在都是用jquery来做会更简单。
在网上搜索 jQuery 导航条 很多的，下载个是实例研究研究就可以了。
收工，不多说了~有问题加百度账号聊吧。
网页中当鼠标经过主菜单时会弹出子菜单!!??
首先，选择你希望添加弹出菜单的文字。然后，在Dreamweaver的工具栏中找到并点击“行为面板”。在行为面板上，选择并点击“添加行为”图标，随后在下拉菜单中找到并选择“弹出式菜单”。接下来，你需要编辑弹出菜单的内容。点击“弹出式菜单”后，弹出的对话框中，你可以添加子菜单项。按照你的需求，输入各...
...菜单横排,鼠标移动到菜单的一项上,向下弹出子菜单。这个效果的xml怎 ...
DynamicHoverStyle 当鼠标移至动态菜单的选项上时,显示的样式MaximumDynamicDisplayLevels 确定控件能显示的子菜单项的级数。有助于非常大的站点地图限制发送给浏览器的项数Menu控件包含几个以Static或Dynamic开头的特性。Static特性用来控制加载页面时出现的主菜单项。因为把鼠标悬停在它们上面时它们不会改变或隐藏,所以认为...
网页中鼠标移到一个菜单上,下面显示一排子菜单
<!--把下面代码加到与之间--> 一级菜单一 菜单一二级一 菜单一二级二 菜单一二级三 一级菜单二 菜单二二级一 菜单二二级二 菜单二二级三
请问如何设置,就是每点击一个菜单,让电脑下面的小任务栏可以单独并排...
1、在任务栏上面点击鼠标右键，然后再弹出的菜单中选择“属性”打开任务栏的属性菜单。2、点击属性后就打开“任务栏和开始菜单属性”设置查看对话框，如下图所示。3、任务栏按钮”后面的状态就是设置任务栏打开的窗口的状态，可以看到当前的状态是“从不合并”，点击可以打开所有的状态列表，如下图所示。...
网页导航栏鼠标移上出现小导航怎么做?
这个需要用到 JavaScript 脚本语言。给你个非常详细的教程以及示例：http:\/\/www.myfootprints.cn\/blog\/post\/15.html 摘要：构建网页下拉菜单 本文提供了一个构建网页下拉菜单的解决方案。此方案的结构可以很方便的重用，因为它将网页的结构、网页的行为、网页的外观分开了。网页的结构使用HTML文件构建，而...
网页中如何实现 鼠标停留在菜单出现 下拉菜单
就给你说说‘百度知道’吧，把鼠标放到'我的知道'上面出现下拉菜单 我的知道 这是他的代码，鼠标放上触发onmouseover事件， 显示事先放在那的div(开始隐藏)，以下是隐藏的那个div 我的知道
JQuery 鼠标移到一个层上显示另一个层问题
第一个问题解决思路：每个一级菜单设置hover事件没有问题，但是你的代码中显示的二级菜单却成为了全局所有的了，所以需要修改为当前一级菜单下面的$(".subCategory")元素，即 $(一级菜单).find(".subCategory")--->>> 这样才会显示为当前一级菜单下的二级菜单。第二个问题解决思路：由于hover事件中...
如何设置只要鼠标点击或移动到该导航菜单栏直接在该菜单下显示HTML网页...
要是很简单的下拉的话，我用个笨方法可以实现。就是把（首页、新闻、供求）都放到一个div里面，让他们排成一列，要是直接使用的话就给他css设成，display:block; ，然后设置样式，满意后把这个div的高度设置成一个的高度，就是overflow:hidden;，鼠标移上去的时候设置overflow:auto让他全显示就好了。...
好多网站上方会有一些导航,鼠标移动到上面会显示下拉菜单和隐藏内容,这...
css+js \/ css有一个display属性，然后通过JS设置不同的属性就能显示和隐藏。
鼠标滑过显示导航栏显示菜单
二级菜单 二级菜单 餐饮美食 二级菜单 二级菜单 二级菜单 二级菜单 二级菜单 休闲娱乐 二级菜单 二级菜单 二级菜单 二级菜单 二级菜单 旅游住宿 二级菜单 二级菜单 二级菜单 二级菜单 二级菜单 生活服务 二级菜单<
