JS 高手们 救命啊 我很着急 给个 代码好吗 谢谢

本帖最后由 aksthddbs 于 2010-02-25 19:24:00 编辑

解决方案 »

  1.   

    是这个意思吗？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    .c1{
    cursor:pointer;
    height:20%;}
    </style>
    <script type="text/javascript">
    function aaa(id,src,alt)
    {
    var obj=document.getElementById(id);
    if(obj)
    {
    obj.src=src;
    obj.alt=alt;
    }
    }
    </script>
    </head><body><table width="853" height="240" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td class="c1" onmouseover="aaa('img1','src1','第一个图片');">第一个数据区</td>
        <td width="510" rowspan="5"><img alt="第一个图片" name="img1" width="721" height="132"  id="img1"/></td>
      </tr>
      <tr class="c1"  onmouseover="aaa('img1','src2','第2个图片');">
        <td height="20">第2个数据区</td>
      </tr>
      <tr class="c1" onmouseover="aaa('img1','src2','第3个图片');">
        <td height="20">第3个数据区</td>
      </tr>
      <tr class="c1" onmouseover="aaa('img1','src2','第4个图片');">
        <td height="20">第4个数据区</td>
      </tr>
      <tr class="c1" onmouseover="aaa('img1','src2','第5个图片');">
        <td height="20">第5个数据区</td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script> 
    function changeColor(color)
    {

    var oElement = document.getElementById("colorBox");
    oElement.style.backgroundColor = color; }
    </script>
    </head>
    <body>
    <table height="500" width="600">
    <tr>
    <td>
    <a href="#" onclick="changeColor('#FF0000')">这是第一个颜色</a><br/>
    <a href="#" onclick="changeColor('#00FF00')">这是第二个颜色</a><br/>
    <a href="#" onclick="changeColor('#0000FF')">这是第三个颜色</a><br/>
    </td>
    <td width="300" id="colorBox" name="colorBox" ></td>
    </tr>
    </table>
    </body>
    </html>
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script> 
    function changeColor(color)
    {

    var oElement = document.getElementById("colorBox");
    oElement.style.backgroundColor = color; }
    </script>
    </head>
    <body>
    <table height="500" width="600">
    <tr>
    <td>
    <a href="#" onmouseover="changeColor('#FF0000')">这是第一个颜色</a><br/>
    <a href="#" onmouseover="changeColor('#00FF00')">这是第二个颜色</a><br/>
    <a href="#" onmouseover="changeColor('#0000FF')">这是第三个颜色</a><br/>
    </td>
    <td width="300" id="colorBox" name="colorBox" ></td>
    </tr>
    </table>
    </body>
    </html>
      

  4.   

    很简单的Javascript切换颜色而已... ...
    楼上都有答案了.