求一段鼠标移动到图片上弹出框显示图片的介绍文字

Question

我有一个intor.jsp页，里面有一张图<a href="intor.jsp?sid=<%=sid %>&sd=<%=sd %>&aa=<%=pic.getId() %>&p=<%=i %>"><img src="<%=pic.getPicsrc()%>" width="125"height="170" /></a>
这图是一个连接，还是到本页传过去一个 aa的参数，拿着aa的参数取数据库中找他相对应得介绍文字
if (pic != null) {

elem = Mermory.getInstance().getElem(Integer.parseInt(aa)); if (elem != null) {
content = elem.getContent().replace("\r\n",
"<br/>&nbsp;&nbsp;&nbsp;&nbsp;").replace(" ",
"&nbsp;");
%>
<tr>
<td align="left" height="210px" width="530px"
background="/img/4.png" style="font-style:notmal;font-family:;font-size:2;line-height:1.2;overflow-y:hidden" >
 <font size="2" color="#FFFFF">&nbsp;&nbsp;&nbsp;&nbsp;<%=content %></font>
</td>
</tr>
<%
}
}现在是将介绍文字显示在一个文本框里面了，我先用段js代码让他鼠标移上去就在旁边显示个文本框自动显示介绍文字，哪位高手会这东西，帮我看看，谢谢了

Answer 1

<img src=" <%=pic.getPicsrc()%>" alert="介绍文字" width="125"height="170" />

Answer 2

帅哥，我说的介绍文字是点击这张图传过去一个参数aa，在拿这aa参数查出来的，你想得也太简单了，以前是我点图片查出来的文字先是在一个文本框里，我现在要做成js效果，鼠标移动到图片上实际上就已经是个连接把aa参数传过去查到相关介绍文字在在图片旁边弹出个文本框显示出来

Answer 3

只能给你点意见：鼠标移动事件，调ajax，到数据库读数据，然后用回调函数给一个浮动的div的innerHTML属性赋值，再通过div的top和left属性定义div的位置就行。

Answer 4

http://interface.eyecon.ro/demos/windows.html

Answer 5

可以从数据库中取出数据，然后把图片介绍放入img控件的tooltip中，这个只能放文字

Answer 6

[code=JScript]
<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;width:100%;height:100%;">
<table cellpadding="0" cellspacing="0" >
<tr><td><img src="" onmouseover="mover(0)" onmouseout="mout()" height="30"></td></tr>
<tr><td><img src="" 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">
</div>
</div>