求一个通用层

<head>
<style type="text/css">
<!--
#showtext{background:blue}
.pe{visibility:hidden;position:absolute;background:transparence}
--></style>
<script language="javascript">
var menutext,a,b
menutext=new Array()
menutext[0]="students"
menutext[1]="students"
menutext[2]="students"
menutext[3]="students"
function showmenu()
{
var tdstr=""
showtext.style.visibility="visible"
for(i=0;i<menutext.length;i++)
tdstr+=menutext[i]+"<br>";
showtext.innerHTML=tdstr
}
function hidemenu()
{
showtext.style.visibility="hidden"
}
</script>
</head>
<body onClick="hidemenu()" topmargin="0" leftmargin="0">
<table border="0" align="center" width="100" class="menutd" cellpadding="0" cellspacing="0"><tr>
<td onMouseover="showmenu()" bgColor="red" >Menu object</td></tr></table>
<div id="showtext" class="pe"></div>
  <table width="778" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
      <td bgColor="#6699FF">Welcome to you!Welcome to you!</td>
      </tr>
  </table>
</body>