如何让鼠标划过td时，bgcolor和td中的字同时变色

<body>
<table border=1>
<tr><td onmouseover="this.bgColor=document.fgColor;this.style.color=document.bgColor">123123123</td></tr>
</table>
</body>

解决方案 »

  1.   

    document.fgColor和document.bgColor可以是任意你想要的颜色，我这里取的是交换前景色和背景色如果要鼠标移开回复，把this.bgColor和this.style.color设置回原来的即可
      

  2.   

    <style>
    .kk{background-color:silver ;color:green;}
    </style><TABLE>
    <TR>
    <TD onmouseover="this.className='kk'">11111111111</TD>
    <TD>11111111111</TD>
    </TR>
    <TR>
    <TD>11111111111</TD>
    <TD>11111111111</TD>
    </TR>
    </TABLE>
      

  3.   

    <style type=text/css>
    <!-- 
     a.link{color:#000000;text-decoration:none;}
     a.hover{color:#ff0000;text-decoration:none;}
    -->
    </style>
    <table style="border:1px #000000 solid">
    <tr>
    <td onmouseover="this.style.backgroundColor='#f5f5f5'" onmouseout="this.style.backgroundColor='#ffffff'" height=30>
    <a href="">哈哈哈</a></td>
    </tr>
    </table>