 |
|
| Row hovering:| Row value 1 | Row value 2 | Row value 3 | | Row value 1 | Row value 2 | Row value 3 | | Row value 1 | Row value 2 | Row value 3 |
Code:| <table border="1" cellpadding="4" cellspacing="0"><tr onMouseOver="this.style.backgroundColor='#E0E0E0';" onMouseOut="this.style.backgroundColor='#FFFFFF'" style="cursor:Pointer"><td>Row value 1</td><td>Row value 2</td><td>Row value 3</td></tr><tr onMouseOver="this.style.backgroundColor='#E0E0E0';" onMouseOut="this.style.backgroundColor='#FFFFFF'" style="cursor:Pointer"><td>Row value 1</td><td>Row value 2</td><td>Row value 3</td></tr><tr onMouseOver="this.style.backgroundColor='#E0E0E0';" onMouseOut="this.style.backgroundColor='#FFFFFF'" style="cursor:Pointer"><td>Row value 1</td><td>Row value 2</td><td>Row value 3</td></tr></table> |
Row hovering with different colors:| Row value 1 | Row value 2 | Row value 3 | | Row value 1 | Row value 2 | Row value 3 | | Row value 1 | Row value 2 | Row value 3 |
Code:| <table border="1" cellpadding="4" cellspacing="0"><tr onMouseOver="this.style.backgroundColor='#FF0000';" onMouseOut="this.style.backgroundColor='#FFFFFF'" style="cursor:Pointer"><td>Row value 1</td><td>Row value 2</td><td>Row value 3</td></tr><tr onMouseOver="this.style.backgroundColor='#00FF00';" onMouseOut="this.style.backgroundColor='#FFFFFF'" style="cursor:Pointer"><td>Row value 1</td><td>Row value 2</td><td>Row value 3</td></tr><tr onMouseOver="this.style.backgroundColor='#0000FF';" onMouseOut="this.style.backgroundColor='#FFFFFF'" style="cursor:Pointer"><td>Row value 1</td><td>Row value 2</td><td>Row value 3</td></tr></table> |
|  |
