我做了个更改表格 颜色的例子。可是不好用。希望各位高手指点。

真不知道你的这种JS代码风格是从什么地方学来的，唉：
<script language=javascript>
function aa(e)
{
    e.style.color=e.style.color=="#00FFFF"?"":"#00FFFF";
}
function bb(m)
{
    m.style.backgroundColor="#FFCCE6";
}
function cc(n)
{
    n.style.color="";
}
</script>
<SCRIPT LANGUAGE="JavaScript">
var s = "<table width='560' border='1' cellspacing='0' cellpadding='0'>";
for(var i=0; i<=9; i++)
{
  s += "<tr>";
  for(var n=0; n<=9; n++)
  {
    s+="<td height='33' id='tableid' style='cursor:hand' onMouseOver='aa(this)' onclick='bb(this)' onMouseOut='cc(this)'>"
    s+=i+""+n+"</td>";
  }
  s += "</tr>";
}
s+="</table>";
document.write(s);
</SCRIPT>

解决方案 »

  1.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>JK:支持民族工业,尽量少买X货</title>
    <style>
    #containerTable A{
    TEXT-DECORATION: none; COLOR:#000000; WIDTH:100%; HEIGHT:100%;
    }
    #containerTable A:hover{
    BACKGROUND: #d9d9f9;
    }</style>
    </head><body >
    鼠标移动，改变td背景：
    <br>
    <table border="1" id=containerTable width="400" height="200" bgcolor="#cccccc" >
      <tr>
        <td><a href=#>甲</a></td>
        <td><a href=#>乙</a></td>
        <td><a href=#>丙</a></td>
        <td><a href=#>丁</a></td>
      </tr>
      <tr>
        <td><a href=#>子</a></td>
        <td><a href=#>丑</a></td>
        <td><a href=#>寅</a></td>
        <td><a href=#>卯</a></td>
      </tr>
      <tr>
        <td><a href=#>上</a></td>
        <td><a href=#>大</a></td>
        <td><a href=#>人</a></td>
        <td><a href=#>孔</a></td>
      </tr>
      <tr>
        <td><a href=#>天</a></td>
        <td><a href=#>地</a></td>
        <td><a href=#>玄</a></td>
        <td><a href=#>黄</a></td>
      </tr>
      <tr>
        <td><a href=#>公</a></td>
        <td><a href=#>侯</a></td>
        <td><a href=#>伯</a></td>
        <td><a href=#>子</a></td>
      </tr>
      <tr>
        <td><a href=#>孟</a></td>
        <td><a href=#>仲</a></td>
        <td><a href=#>叔</a></td>
        <td><a href=#>季</a></td>
      </tr>
    </table>
    </body></html>
      

  2.   

    meizz(梅花雪)你写的很清楚，我看懂了，可是你写的为什么不好用呀？
      

  3.   

    惶恐中。看到A的css用法时，对照以前的做法，就做了备选方案，如刚才所贴。
    自已以前的做法如以下：
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>JK:支持民族工业,尽量少买X货</title></head><body >
    鼠标移动，改变td背景：
    <br>
    <table border="1" width="400" height="200" bgcolor="#cccccc"
      onmouseover="if(event.toElement.tagName=='TD') event.toElement.style.backgroundColor='red';"
      onmouseout="if(event.fromElement.tagName=='TD') event.fromElement.style.backgroundColor='';" >
      <tr>
        <td>甲</td>
        <td>乙</td>
        <td>丙</td>
        <td>丁</td>
      </tr>
      <tr>
        <td>子</td>
        <td>丑</td>
        <td>寅</td>
        <td>卯</td>
      </tr>
      <tr>
        <td>上</td>
        <td>大</td>
        <td>人</td>
        <td>孔</td>
      </tr>
      <tr>
        <td>天</td>
        <td>地</td>
        <td>玄</td>
        <td>黄</td>
      </tr>
      <tr>
        <td>公</td>
        <td>侯</td>
        <td>伯</td>
        <td>子</td>
      </tr>
      <tr>
        <td>孟</td>
        <td>仲</td>
        <td>叔</td>
        <td>季</td>
      </tr>
    </table>
    </body></html>
      

  4.   

    meizz(梅花雪)你再看一下你的代码，为什么我这连表格都没写出来呀，是有什么错误吧。
      

  5.   

    <script language=javascript>
    var global = null;  //设置一个全局变量
    function aa(e)
    {
        e.style.color=e.style.color=="#00FFFF"?"":"#00FFFF";
    }
    function bb(m)
    {
        if(global) global.style.backgroundColor="";
        m.style.backgroundColor="#FFCCE6";
        global = m;
    }
    function cc(n)
    {
        n.style.color="";
    }
    </script>
    <SCRIPT LANGUAGE="JavaScript">
    var s = "<table width='560' border='1' cellspacing='0' cellpadding='0'>";
    for(var i=0; i<=9; i++)
    {
      s += "<tr>";
      for(var n=0; n<=9; n++)
      {
        s+="<td height='33' id='tableid' style='cursor:hand' onMouseOver='aa(this)' onclick='bb(this)' onMouseOut='cc(this)'>"
        s+=i+""+n+"</td>";
      }
      s += "</tr>";
    }
    s+="</table>";
    document.write(s);
    </SCRIPT>
      

  6.   

    meizz(梅花雪)请问一下你是用那个全局变量控制的只能选一个吗？