这是在ASP.NET中的一个用户控件,我要的很简单,请问下面的这个要怎么样改啊?
我的这样做时,我那个显示出来的菜单不能在标题的下面,位置上偏离了,还有就是,所有菜单都是显示在同一个位子上
我的头文件是这样的:
有一个图标在上面,然后就是一个导航,当鼠标一移动到相应的位置,其下面就有相关的菜单显示出来,一移开就消失
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="head.ascx.cs" Inherits="MyControls_head" %>
<style>
<!--
.menu
{
background-color:blue;
width:160;height:10;
color:white;
text-align:center;
font-size:12pt;
font-weight:bolder;
}
.submenu
{
color:black;
position:absolute;
top:188;
width:160;
background-color:lightyellow:width:160;
font-size:10pt:
}
-->
</style>
<table style="width: 778px">
<tr>
<td background="../Images/OA_head.jpg" style="width: 100px; height: 165px">
</td>
</tr>
<tr>
<td style="width: 100px; height: 2px;">
<script >
var cm=null;
document.onclick =new Function("Show(null)")
function GetPos(el,sProp)
{
var Pos=0
while(el!=null)
{
Pos+=el["offset"+sProp]
el=el.offsetParent
}
return Pos
}
function Show(el,m)
{
if(m)
{
m.style.display='';
m.style.pixelleft=GetPos(el,"Left")
m.style.pixelTop=GetPos(el,"Top")+el.offsetHeight
}
if((m!=cm)&&(cm))
cm.style.display='none'
cm=m
}
</script>
<table border =0 style="width: 251px">
<tbody >
<tr>
<td class =menu id=d1 onmouseover =Show(this,ds1); style="cursor :s-resize ; height: 10px;">员工信息
</td>
<td class =menu id=d2 onmouseover =Show(this,ds2); style="cursor :s-resize ; height: 10px;">订单信息
</td>
<td class =menu id=d3 onmouseover =Show(this,ds3); style="cursor :s-resize ; height: 10px;">仓库信息
</td>
</tr>
</tbody>
</table>
<table border=0>
<tbody >
<div class =submenu id=ds1 style="display :none; width =75px"><br >
<a href ="../Personnel/AddPersonnel.aspx">添加和删除</a><br >
<a href ="../Personnel/PersonChange.aspx">人事调动</a><br >
</div>
<div class =submenu id=ds2 style="display :none; width =75px"><br >
<a href ="../Personnel/AddPersonnel.aspx">添加</a><br >
<a href ="../Personnel/PersonChange.aspx">人事</a><br >
</div>
</tbody>
</table>
</td>
</tr>
</table>
请问一下,我这个要怎么样改啊?急啊
