change background of table on mouseover

change background of table on mouseover

This is very cool trick to change background color of table when you takeover the mouse pointer over it. Place the following code within the or tag of your HTML onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'"

For example:

<table border="2" cellpadding="2" width="100%"> <tbody> <tr onmouseover="this.bgColor='#669900'" onmouseout="this.bgColor='#FFFFFF'"> <td>www.Computereducationworld.com</td> </tr> <tr onmouseover="this.bgColor='#669900'" onmouseout="this.bgColor='#FFFFFF'"> <td>www.Computereducationworld.com</td> </tr> <tr onmouseover="this.bgColor='#669900'" onmouseout="this.bgColor='#FFFFFF'"> <td>www.Computereducationworld.com</td> </tr> </tbody></table>

It will look like this: