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

Question

我在页面上有好几张图片，他们都有各自的介绍文字，都是从数据库中查出来的，我现在想做成我鼠标移到图片上弹出个文本框把他相对应的介绍文字显示到里面去，哪位高手能给我个例子，谢谢了

Answer 1

<script>
var myText = "图片1";
  function showDetail() {
    document.getElementById('show-div').innerHTML = myText;
    document.getElementById('show-div').style.display = '';
  }
  function hiddenDetail() {
    document.getElementById('show-div').style.display = 'none';
  }
</script>
<img src="img1.jpg" onmouseover="showDetail()" onmouseout="hiddenDetail()"></img>
<div style="display:none;" id="show-div"></div>这样应该大致就可以了，不过对于div的样式可能还需要自己设置写，比如显示的位置等。

Answer 2

对了，忘记了是文本框，把div改成textarea就可以了，然后用value属性来设置显示内容，不过我觉得用div可以设置多点效果，好看点。用textarea然后用readonly不让改动也好。