求网站上在一个表格里显示多张图片

大家好，谁会在一个表格里显示5张图片，鼠标移动到一个连接上就出现一张图片，移动到另一个连接上出现另一张图片的技术
告诉在下，感激不尽！
谢谢

解决方案 »

  1.   

    轮显图？FLASH？单纯用JS做的话，没FLASH的好看
      

  2.   

    LZ的意思没表达清楚 
    你是不是说flash?
      

  3.   

    <a href="javascript:;" onmouseover="D.show(1);">1</a>
    <a href="javascript:;" onmouseover="D.show(2);">2</a><div>
        <img id="i1" style="display: none;" width="100" />
        <img id="i2" style="display: none;" width="200" />
    </div><script>
    var D = {
        selectedIndex: 0,    show: function(idx){
            if(this.selectedIndex > 0){
               document.getElementById('i' + this.selectedIndex).style.display = 'none';
            }
            document.getElementById('i' + idx).style.display = 'inline';
            this.selectedIndex = idx;
        }
    }
    </script>
      

  4.   

    谢谢  各位仁兄! 我的意思不是拿flash做  可能是javascript 做的  
      

  5.   

    <td><img id=test src=""></img>
    <a href="" onmouseover="S('test').src='url'"></a>
    这个是最简单的一个实现轮换的方法
      

  6.   

    <td> <img id=test src=""> </img> 
    <a href="" onmouseover="$('test').src='url'"> </a> 
    这个是最简单的一个实现轮换的方法
      

  7.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style>body, table, pre { font: 10pt 宋体; color: #3C3C3C; }
    pre { margin: 0; line-height: 150%; }
    #amain td { border: 1 ridge #3C3C3C; padding: 10; }
    a { color: #005AA0; text-decoration: none; cursor: help; }</style>
    </head><body bgcolor="#000000" scroll="no"><table width="100%" height="100%">
      <tr>
        <td align="center">
    <table id="amain" cellspacing="5" style="border: 10 ridge #3C3C3C">
      <tr>
        <td id="aview">选择图片</td>
        <td>
    <pre onclick="view()">
    <a u="www.csdn.net/Images/logo_csdn.gif">Logo</a>
    <a u="zi.csdn.net/46860_7.gif">AD-1</a>
    <a u="zi.csdn.net/48260_3.gif">AD-2</a>
    <a u="profile.csdn.net/jiangfw0122/picture/2.jpg">jiangfw0122 </a>
    <a u="profile.csdn.net/ichigoxi/picture/2.jpg">ichigoxi</a>
    </pre>
        </td>
      </tr>
    </table>
        </td>
      </tr>
    </table><script language="javascript">function view()
    {
    if (event.srcElement.tagName.toLowerCase()=='a')
    { aview.innerHTML='<img src="http://'+event.srcElement.u+'">'; }
    }</script></body></html>