把以前做过的小例子发上来.
<html>
<head>
<script>
function GetDIV(obj)
{
document.all("div1").style.display=obj;
document.all("div1").style.top=event.clientY+20+document.body.scrollTop;
document.all("div1").style.left=event.clientX+20+document.body.scrollLeft;
}
</script>
</head>
<body>
<table width="78%" height="236" border="1">
<tr>
<td width="29%"> </td>
<td width="12%"> </td>
<td width="16%"> </td>
<td width="15%"> </td>
<td width="28%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td onMouseMove="GetDIV('block')" οnmοuseοut="GetDIV('none')">test</td>
</tr>
</table>
<div id="div1" style="display: none; position:absolute;" >
<table width="30%" height="200" border="1">
<tr>
<td>HelloWorld!</td>
</tr>
</table>
</div>
</body>
</html>