本篇文章主要介紹了滑鼠經過tr時,改變tr當前背景顏色的範例程式碼,需要的朋友可以過來參考下,希望對大家有所協助
樣本如下:代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>滑鼠經過給tr換顏色</title> </head><body><table align="center" width="100%" border="1" cellspacing="1" cellpadding="1" > <tr style="cursor:hand " onmousemove="changeTrColor(this)"> <td align="center">1</td> <td height="20"> 123</td> <td height="20"> abvx</td> <td height="20"> 465465</td> <td height="20">546654654</td> </tr> <tr style="cursor:hand " onmousemove="changeTrColor(this)"> <td align="center">1</td> <td height="20"> 123</td> <td height="20"> abvx</td> <td height="20"> 465465</td> <td height="20">546654654</td> </tr> <tr style="cursor:hand " onmousemove="changeTrColor(this)"> <td align="center">1</td> <td height="20"> 123</td> <td height="20"> abvx</td> <td height="20"> 465465</td> <td height="20">546654654</td> </tr></table><script type="text/javascript">function changeTrColor(obj){ var _table=obj.parentNode; for (var i=0;i<_table.rows.length;i++){ _table.rows[i].style.backgroundColor=""; } obj.style.backgroundColor="blue";}</script></form></body></html>