Question

HTML鼠标移到图片上，旁边出现一个文本框里面有文字

<script language="javascript">
function mover(index){
var imgs=document.images;
var divs=document.getElementById("infoDiv");
divs.style.top=30*parseInt(index);
divs.style.left=30;
divs.style.display="";
}
function mout(){
var divs=document.getElementById("infoDiv");
divs.style.display="none";
}
</script>

<div style="position:relative;">
<table cellpadding="0" cellspacing="0" >
<tr><td><img src="http://t3.qpic.cn/mblogpic/9a5ed9545e344d010f3c/220" onmouseover="mover(1)" onmouseout="mout()"></td></tr>
</table>
<div id="infoDiv" style="width:30%;POSITION: absolute;display:none;z-index:10;">
<input type="text" id="text1" value="这活动已经加入诚保体系，如果活动有问题，将扣除活动发起人诚保X币20个。">
</div>
</div>

<script language="javascript">
function mover(index){
var imgs=document.images;
var divs=document.getElementById("infoDiv");
divs.style.top=30*parseInt(index);
divs.style.left=30;
divs.style.display="";
}
function mout(){
var divs=document.getElementById("infoDiv");
divs.style.display="none";
}
</script>

<div style="position:relative;">
<table cellpadding="0" cellspacing="0" >
<tr><td><img src="http://t3.qpic.cn/mblogpic/9a5ed9545e344d010f3c/220" onmouseover="mover(1)" onmouseout="mout()"></td></tr>
</table>
<div id="infoDiv" style="width:30%;POSITION: absolute;display:none;z-index:10;">
<input type="text" id="text1" value="这活动已经加入诚保体系，如果活动有问题，将扣除活动发起人诚保X币20个。">
</div>
</div>
他的文本框是绝对定位的，如何让它一个图片对应一个文本框，不要绝对定位。

Answer 1

为什么需要一个图片一个文本框？你可以用一个文本框，然后在不同图片上悬停的时候给文本框赋不同的值啊