<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文本框和div</title>
<script type="text/javascript">
function G(id){
return document.getElementById(id);
}
function showMess(oInput){
var pos = getPos(oInput);
var oDiv = G("message");
oDiv.style.left = pos.x+5+"px";
oDiv.style.top = pos.y+oInput.offsetHeight+"px";
oDiv.style.display = "block";
}
function getPos(obj){
var x=y=0;
while(obj.offsetParent){
x+=obj.offsetLeft;
y+=obj.offsetTop;
obj = obj.offsetParent;
}
return {"x":x,"y":y};
}
</script>
</head>
<body>
<div id="message" οnclick="this.style.display='none'" style=" position:absolute; background:#fff;display:none; width:200px; height:80px; border:1px solid #6FB3F0;">3333</div>
<table width="833" border="0">
<tr>
<td width="271"><input type="text" οnfοcus="showMess(this);"/></td>
<td width="279"> </td>
<td width="261"> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="271"><input type="text" οnfοcus="showMess(this);"/></td>
<td width="279"> </td>
<td width="261"> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="271"><input type="text" οnfοcus="showMess(this);"/></td>
<td width="279"> </td>
<td width="261"> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="271"><input type="text" οnfοcus="showMess(this);"/></td>
<td width="279"> </td>
<td width="261"> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="271"><input type="text" οnfοcus="showMess(this);"/></td>
<td width="279"> </td>
<td width="261"> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="271"><input type="text" οnfοcus="showMess(this);"/></td>
<td width="279"> </td>
<td width="261"> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="271"><input type="text" οnfοcus="showMess(this);"/></td>
<td width="279"> </td>
<td width="261"> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
<td><input type="text" οnfοcus="showMess(this);"/> </td>
</tr>
</table>
</body>
</html>