js tr onmouseover时改变该行背景色

  当鼠标悬浮于行上时,背景色改变;鼠标离开,又恢复原来的背景色:

  <table>

    <tr style="cousor:pointer; background:#ffffff;" onMouseOver="this.style.background='lightblue'"
  onmouseout="this.style.background='#ffffff'">
      <td height="25" align="center>标题</td>
      <td align="center">内容</td>
     </tr>

  </table>

  注意:在设置此样式时,不能给该tr中的td设置background或者bgcolor属性,否则该特效将无法显示。这是因为在dom树种,

dom元素的样式只遵守最接近该元素的样式定义。

原文地址:https://www.cnblogs.com/pricks/p/1642181.html