用DIV+CSS做的导航菜单，弹出网页对话框之后，就不能使用了。
正常情况下，是可以从一级菜单移动到相应的二级菜单上的，但是弹出网页对话框
<script language=javascript>alert('记录删除成功！');</script>
之后，一级菜单与二级菜单之间出现一个间隔，鼠标移不过去了。
为了更清楚的说明问题，我还截了图，可惜csdn上传图片总是失败。
附源代码：
（删除源代码的第一行，菜单运行正常！）
<script language=javascript>alert('记录删除成功！');</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1"><title>
HR——计划生育管理——批次管理
</title><meta http-equiv="pragma" content="no-cache" />
<style type="text/css">
.style_main
{
font-size: 16px
}
.style1
{
height: 100px;
}
.style4
{
width: 187px;
height: 37px;
}
.style6
{
width: 194px;
height: 37px;
}
.style8
{
width: 128px;
height: 37px;
}
.style18
{
height: 62px;
}
.style19
{
height: 37px;
}
</style>
</head>
<body bgcolor="#e8f1d6" class="style_main">
<div align="center">
<body>
<form name="form1" method="post" action="BirthControl.aspx" id="form1">
<div>
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<table style="width:980px;">
<tr><td><img src="images/gmyy980.jpg"/></td></tr>
<tr><td><div align="left"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
<!--
body {
margin: 0px;
padding:0px;
font:"宋体";
font-size:12px;
text-decoration:none
}
/*注：所有内联padding，和外联margin的数值都可以修改。所有链接地址均为汉字首字母缩写。增加或删除下拉菜单，则直接在相应的span下进行<A>的修改*/
#xiala1, #xiala2, #xiala3, #xiala4, #xiala5, #xiala6, #xiala7{display:none}/*初始，所有下拉隐藏*/
#xiala1 a,#xiala2 a,#xiala3 a,#xiala4 a,#xiala5 a,#xiala6 a,#xiala7 a{color:#fff; text-decoration:none; padding-left:20px; padding-top:8px; float:left;}
/*下拉菜单文字样式，
color:#fff;表示颜色
text-decoration:none;表示link无下划线
padding-left:20px;内联，左边距，
padding-top:8px;内联，上边距
float:left;向左浮动，保持一行
*/
#xiala1 a:hover,#xiala2 a:hover,#xiala3 a:hover,#xiala4 a:hover,#xiala5 a:hover,#xiala6 a:hover,#xiala7 a:hover{text-decoration:underline;}/*下拉文字鼠标hover样式，有下划线*/
.menux{ background:#0000FF;height:35px;}/*整体menu背景*/
.menu{margin:0px auto; padding-left:43px;}/*ul，可修改padding-left的数值*/
.menu li{ list-style:none; float:left;}/*不需要修改*/
.menu li a{ display:block; height:23px; width:95px;border-left:1px solid #fff; padding-top:12px; font-size:14px; font-weight:bold; text-align:center; color:#fff; text-decoration:none;}/*menu文字样式。根据需要自行修改，解释如下：
display:block;表示文字块状化，使之拥有完整背景，不可修改。
height:23px; width:95px;去掉内联后的宽和高，可修改
border-left:1px solid #fff;左边有一个竖的1px宽，白色的线。循环用，页面内在最后一个加上右边的线，可修改或删除
padding-top:12px;文字内联，作用是垂直居中。可修改，方法：实际高度-文字高度（文字高度即为文字大小）后除以二+1（避免gb2312下文字上边距小于下边距），
font-size:14px; font-weight:bold;表示字体为14号，加粗，
text-align:center;表示文本水平居中
color:#fff;颜色
text-decoration:none;链接样式无下划线
*/
.menu li a:hover{ background:#00CC33}/*鼠标经过menu文字时的样式*/
.menuxiala{ background:#666666; height:30px; clear:both}/*下拉菜单上级div，可根据修要修改。*/
-->
</style><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="menux">
<ul class="menu">
<li><a href="StaffAll.aspx">首页</a></li>
<li><a href="#" onmousemove="xiala1.style.display='block'" onmouseout="xiala1.style.display='none'">员工管理</a></li>
<li><a href="#" onmousemove="xiala2.style.display='block'" onmouseout="xiala2.style.display='none'">计生管理</a></li>
<li><a href="#" onmousemove="xiala3.style.display='block'" onmouseout="xiala3.style.display='none'">请假管理</a></li>
<li><a href="#" onmousemove="xiala4.style.display='block'" onmouseout="xiala4.style.display='none'">统计查询</a></li>
<li><a href="#" onmousemove="xiala5.style.display='block'" onmouseout="xiala5.style.display='none'">系统设置</a></li>
<li><a href="#" onmousemove="xiala6.style.display='block'" onmouseout="xiala6.style.display='none'">关于</a></li>
</ul>
</div>
<div class="menuxiala">
<span id="xiala1" style="padding-left:106px;" onmousemove="this.style.display='block'" onmouseout="this.style.display='none'">
<a href="StaffAll.aspx">所有员工</a>
<a href="StaffNew.aspx">新增员工</a>
<a href="MngLabor.aspx">合同管理</a>
<a href="MngRetire.aspx">即将退休员工</a>
<a href="MngZYZCChange.aspx">执业注册变更查询</a>
</span>
<span id="xiala2" style="padding-left:186px;" onmousemove="this.style.display='block'" onmouseout="this.style.display='none'">
<a href="MarryAll.aspx">员工婚育信息</a>
<a href="BirthControl.aspx">查环查孕批次管理</a>
<a href="BirthControlCompare.aspx">查环查孕名单对比</a>
<a href="BirthControlResult.aspx">查环查孕结果录入</a>
</span>
<span id="xiala3" style="padding-left:266px;" onmousemove="this.style.display='block'" onmouseout="this.style.display='none'">
<a href="#">休假请假</a>
<a href="#">工休规定</a>
</span>
<span id="xiala4" style="padding-left:146px;" onmousemove="this.style.display='block'" onmouseout="this.style.display='none'">
<a href="SumByAge.aspx">员工年龄分布</a>
<a href="SumByDept.aspx">科室人员统计</a>
<a href="SumByEducation.aspx">员工学历统计</a>
<a href="SumByTitle.aspx">员工职称统计</a>
<a href="SumByTitleAppoint.aspx">员工聘任职称统计</a>
<a href="SumByDuty.aspx">员工职务统计</a>
</span>
<span id="xiala5" style="padding-left:436px;" onmousemove="this.style.display='block'" onmouseout="this.style.display='none'">
<a href="UserModifyPswd.aspx">密码设置</a>
<a href="#">代码维护</a>
</span>
<span id="xiala6" style="padding-left:616px;" onmousemove="this.style.display='block'" onmouseout="this.style.display='none'">
<a href="sysjj.asp"> 关于</a>
<a href="#">帮助</a>
</span>
</div>
</body>
</html></div><div align="right">当前登录用户：管理员</div></td></tr>
<tr>
<td class="style1" align="center">
<b>计划生育管理——查环查孕</b></td>
</tr>
<tr><td>
<div id="Panel1" style="height:335px;background-image:url(images/pr1.jpg);">
<table width="100%" style="height: 354px">
<tr><td colspan="4" class="style18">
<div>
<table cellspacing="0" rules="all" border="1" id="GridView1" style="background-color:#DCEFE1;border-color:#CCCCCC;border-width:1px;border-style:solid;font-family:宋体;font-size:11pt;width:100%;border-collapse:collapse;">
<tr>
<th scope="col"> </th><th align="left" scope="col">批次</th><th align="left" scope="col">批次说明</th><th align="left" scope="col">操作人</th><th align="left" scope="col">操作人姓名</th><th align="left" scope="col">操作时间</th><th align="right" scope="col">检查人数</th>
</tr><tr onmouseover="currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';" onmouseout="this.style.backgroundColor=currentcolor,this.style.fontWeight='';" style="background-color:#F9F9EC;">
<td><a href="javascript:__doPostBack('GridView1','Select$0')">选择</a></td><td align="left">201301</td><td align="left">201212-201304</td><td align="left">501</td><td align="left">张燕娟</td><td align="left">2013-8-6 0:00:00</td><td align="right">367</td>
</tr><tr onmouseover="currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';" onmouseout="this.style.backgroundColor=currentcolor,this.style.fontWeight='';" style="color:#284775;background-color:#DEDE00;">
<td><a href="javascript:__doPostBack('GridView1','Select$1')" style="color:#284775;">选择</a></td><td align="left">201302</td><td align="left">201305-201307</td><td align="left">501</td><td align="left">张燕娟</td><td align="left">2013-8-6 0:00:00</td><td align="right">314</td>
</tr>
</table>
</div>
</td></tr>
<tr>
<td align="right" bgcolor="#E8DDD6" class="style8">
<span id="Label21">批次：</span>
</td>
<td align="left" class="style4">
<input name="TEXTbatchno" type="text" value="201302" id="TEXTbatchno" style="font-family:宋体;font-size:12pt;width:169px;" />
</td>
<td align="right" bgcolor="#E8DDD6" class="style19">
<span id="Label9">批次说明：</span>
</td><td align="left" class="style6">
<input name="TEXTbatchmemo" type="text" value="201305-201307" id="TEXTbatchmemo" style="font-family:宋体;font-size:12pt;width:169px;" />
</td>
</tr>
<tr><td colspan="4" align="center" style="margin-left: 40px">
<input type="submit" name="BTNSaveModify" value="提交修改" id="BTNSaveModify" style="font-family:宋体;font-size:12pt;" /> <input type="submit" name="BTNDelte" value="删除当前批次" id="BTNDelte" style="color:Red;font-family:宋体;font-size:12pt;text-decoration: line-through;" />
<input type="submit" name="BTNSaveNew" value="提交新批次并生成名单" id="BTNSaveNew" style="font-family:宋体;font-size:12pt;" />
</td></tr>
</table>
</div></td></tr>
</table></form><style type="text/css">
<!--
.style_bt {font-size: 12px}
-->
</style>
</body></html>
