本篇文章主要介紹了鼠標經過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>