下面表里 鼠标经过名字时  显示图片里显示他的图片<table border=1 height=200; width=200;>
  <tr>
    <td>显示图片</td>
    <td>男</td>
  </tr>
</table>
<table border=1 height=200; width=200;>
  <tr>
    <td>张三</td>
    <td>22岁</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>23岁</td>
  </tr>
  <tr>
    <td>王五</td>
    <td>22岁</td>
  </tr>
</table>

解决方案 »

  1.   

    这个应该是用 ajax 做吧
      

  2.   


    <table border=1 height=200; width=200;>
      <tr>
        <td id='pic'>显示图片 </td>
        <td>男 </td>
      </tr>
    </table>
    <table border=1 height=200; width=200;>
      <tr>
        <td onmouseover='showPic("http://img1.cache.netease.com/cnews/netease/logo_w.gif")'>张三 </td>
        <td>22岁 </td>
      </tr>
      <tr>
        <td onmouseover='showPic("http://img2.cache.netease.com/cnews/2009/10/9/200910090813416df8a.jpg")'>李四 </td>
        <td>23岁 </td>
      </tr>
      <tr>
        <td onmouseover='showPic("http://img4.cache.netease.com/tech/2009/10/9/20091009104014e19ea.jpg")'>王五 </td>
        <td>22岁 </td>
      </tr>
    </table><script type="text/javascript">
    function showPic(url) {
    document.getElementById('pic').innerHTML='<img src="'+url+'"/>';
    }
    </script>
      

  3.   

    也可以创建三个位置重叠的div,通过javascript控制其样式的display属性
      

  4.   

    好可怜的HTML,都被程序员忽略了。这里应该用 CSS 来实现。竟然都推荐用 JS ,可悲了。