Web下拉菜单问题

yxflemon 2010-03-13 03:58:07

要实现鼠标移到就会有下拉菜单出现，麻烦各位大侠帮我看下这个代码错在哪里？

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="top.aspx.cs" Inherits="Admin_top" %>

<!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" runat="server">
<title></title>
<style type="text/css">
body
{
margin: 0;
}
.headmain
{
height: 70px;
border-bottom: 1px solid #000066;
}
.headbody
{
background: url('../images/HeadBack.jpg' );
}
.headdiv
{
padding-top: 5px;
padding-right: 5px;
font-size: 11px;
font-family: verdana;
font-weight: bold;
color: #fff;
text-align: right;
}
.headmenu
{
padding-top: 35px;
font-size: 11px;
font-family: verdana;
font-weight: bold;
color: #fff;
text-align: right;
}

.headmenu a
{
display: block;
width: 80px;
text-align:center;
}
.headmenu a:link
{
color:#fff;
text-decoration:none;
}
.headmenu a:visited
{
color:#fff;
text-decoration:none;
}
.headmenu a:hover
{
color:#FFF;
text-decoration:none;
font-weight:bold;
}

.headmenu li
{
list-style: none;
margin: 0;
padding: 0;
}
.headmenu li
{
float: right;
}
.headmenu li a
{
color: #fff;
display: block;
padding: 0 5px;
text-decoration: none;
}
.headmenu li a:hover
{
color: #000;
}

.headmenu li ul
{
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
.headmenu li ul li
{
float: left; width: 180px;
}
.headmenu li ul a
{
display: block; width: 156px;text-align:left;padding-left:24px;
}

.headmenu li ul a:link
{
color:#fff; text-decoration:none;
}
.headmenu li ul a:visited
{
color:#fff;text-decoration:none;
}
.headmenu li ul a:hover
{
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00;
}

.headmenu li:hover ul
{
left: auto;
}
.headmenu li.sfhover ul
{
left: auto;
}
#content
{
clear: left;
}
.menuA:link, .menuA:visited
{
float: left;
height: 22px;
text-align: center;
padding-left: 17px;
padding-right: 17px;
padding-top: 8px;
margin-right: 10px;
text-decoration: none;
color: #000000;
font-size: 11px;
background: #D1D9E2;
border-right: 1px solid #717171;
border-left: 1px solid #717171;
border-top: 1px solid #717171;
}
.menuA:hover
{
color: #000;
background: #F8F8F8;
}
.red
{
padding: 0 5px;
color: red;
}
</style>
<script type="text/javascript"><![CDATA[//><!]]></script>
</head>
<body class="headbody">
<form id="form1" runat="server">
<div class="headmain">
<div style="height: 70px; background: url('../images/Pic2.jpg') no-repeat;">
<div class="headdiv">

</div>
<div class="headmenu">
<%= _menuUrl%>
</div>
</div>
</div>
</form>
</body>
</html>

代码里的：
protected string _menuUrl = "";
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
if (Session["AdminId"] != null)
{
StringBuilder str = new StringBuilder();
str.Append("<li><a href=\"#\">人员管理</a>");
str.Append("<ul>");
str.Append("<li><a href=\"#\" onclick=\"javascript:parent.mainFrame.location.href='teacherList.aspx';\">教师管理</a></li>");
str.Append("<li><a href=\"#\" onclick=\"javascript:parent.mainFrame.location.href='studentList.aspx';\">学生管理</a></li>");
str.Append("<li><a href=\"#\" onclick=\"javascript:parent.mainFrame.location.href='addAdmin.aspx';\">管理员管理</a></li>");
str.Append("<li><a href=\"#\" onclick=\"javascript:parent.mainFrame.location.href='updateAdmin.aspx';\">修改资料</a></li>");
str.Append("</ul>");
str.Append("</li>");
_menuUrl = str.ToString();
}
else
{
MessageBox.ShowAndRedirect(this.Page, "请先登录!", "../index.aspx");
}
}

...全文