rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd"><html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style type="text/css"> tr { background-color: #00FF00; } .odd { background-color: #FF0000; } </style> <script type="text/javascript" language="JavaScript"> var OldColor; function ColorRow ( id ) { OldColor = document.getElementById(id).style.backgroundColor; document.getElementById(id).style.backgroundColor = "#DD0000"; } function ResetColor ( id ) { document.getElementById(id).style.backgroundColor = OldColor; } </script> </head> <body> <table> <tr> <th>Name</th> <th>Age</th> <th>Sex</th> </tr> <tr class="odd" onmouseover="ColorRow('1');" id="1" onmouseout="ResetColor('1');"> <td>Eric</td> <td>12</td> <td>Male</td> </tr> <tr onmouseover="ColorRow('2');" id="2" onmouseout="ResetColor('2');"> <td>George</td> <td>13</td> <td>Male</td> </tr> <tr class="odd" onmouseover="ColorRow('3');" id="3" onmouseout="ResetColor('3');"> <td>Lisa</td> <td>11</td> <td>Female</td> </tr> <tr onmouseover="ColorRow('4');" id="4" onmouseout="ResetColor('4');"> <td>Sarah</td> <td>12</td> <td>Female</td> </tr> <tr class="odd" onmouseover="ColorRow('5');" id="5" onmouseout="ResetColor('5');"> <td>Hannah</td> <td>13</td> <td>Female</td> </tr> </table> </body></html>