用Javascript实现表格单元格背景色鼠标响应

2008-02-23 08:09:50来源：互联网阅读 ()

用JS实现表格单元格背景色的鼠标响应的特效。

在FF中点击的效果会有些问题，当点击第一行单元格变色，点击第二个时第一个颜色不恢复原来无色的状态．

运行效果。

<!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=gb2312"> <title>单元格背景色鼠标响应</title> <script language="javascript">  </script> <style type="text/css">  </style> </head> <body> <table width="100%" border="0" cellspacing="4" cellpadding="0"> <tr id="TR1" class="light" onMouseOver="onColor(this,1);" onMouseOut="offColor(this,1);" onClick="onClickColor(this,1);"> <td class="tdstyle" height="25">第一行</td> </tr> <tr id="TR2" class="light" onMouseOver="onColor(this,2);" onMouseOut="offColor(this,2);" onClick="onClickColor(this,2);"> <td class="tdstyle" height="25">第二行</td> </tr> <tr id="TR3" class="light" onMouseOver="onColor(this,3);" onMouseOut="offColor(this,3);" onClick="onClickColor(this,3);"> <td class="tdstyle" height="25">第三行</td> </tr> </table> </body> </html>

[Ctrl A 全部选择提示：你可先修改部分代码，再按运行]

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有