<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<script language="JavaScript">
function ftest()
{
var kk=0;
var kk2=0;
kk=document.all("aa").offsetLeft;
kk2=document.all("aa").offsetTop;
document.all("Layer1").style.top=kk2+document.all("aa").offsetHeight;
document.all("Layer1").style.left=kk;
document.all("Layer1").style.width=document.getElementById("aa").style.width;
document.all("Layer1").style.visibility = "visible";
document.getElementById("caidn").rows(0).cells(0).innerHTML=document.getElementById("aa").value;
}
function fClose()
{
document.all("Layer1").style.visibility = "hidden";
}
function trOnMouseOver(trid) {
document.all("caidn").bgColor="#cccc99";
//alert(document.getElementById("caidn").rows(0).cells(0).innerHTML);
//alert(document.all("caidn").rows(0).cells(0).innerHTML);
document.getElementById("aa").value=document.getElementById("caidn").rows(trid).cells(0).innerText;
fClose();
}
function trOnMouseOver2(trid) {
alert(document.getElementById("ppp").rows(trid).cells(0).innerText);
//alert(document.getElementById("ppp").rows(0).cells(0).innerText);
}
</script>
<body>
<form name="form1" method="post" action="">
<input name="aa" type="text" id="aa" size="20" style="100" onKeyUp="ftest();">
<input type="button" name="test" value="按钮" onClick="ftest();">
<input type="button" name="test2" value="按钮2" onClick="trOnMouseOver();">
</form>
<div id="Layer1" style="position:absolute; 200px;
height:115px; z-index:1; top: 260px; left: 22px; background-color:
#FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;
visibility: hidden;">
<table border="0" cellpadding="0" cellspacing="0" id="caidn">
<tr onClick="trOnMouseOver(this.rowIndex);" onmouseout="this.style.backgroundColor='ffffff'"
onmouseover="this.style.backgroundColor='ffc080'">
<td width="50"
height="22">AA</td> <td width="50"
height="22">BB</td>
</tr>
<tr onClick="trOnMouseOver(this.rowIndex);" onmouseout="this.style.backgroundColor='ffffff'"
onmouseover="this.style.backgroundColor='ffc080'">
<td width="50"
height="22">CC</td> <td width="50"
height="22">DD</td>
</tr>
</table>
</div>
<table border="1" cellpadding="0" cellspacing="0" id="ppp">
<tr onClick="trOnMouseOver2(this.rowIndex);">
<td width="50"
height="22">AA</td> <td width="50"
height="22">BB</td>
</tr>
<tr onClick="trOnMouseOver2(this.rowIndex);">
<td width="50"
height="22">CC</td> <td width="50"
height="22">DD</td>
</tr>
</table>
</body>
</html>