change background of table on mouseover

39 views

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:

www.Computereducationworld.com
www.Computereducationworld.com
www.Computereducationworld.com



« File-Inclusion Statements, include(), require() Statement Links without underline »
Posted on Saturday, March 7th, 2009 at 4:16 pm under HTML Tips and Tricks | RSS 2.0 Feed

Post Comment

You must be logged in to post a comment.



ComputerEducationWorld.com All Rights Reserved © RSS | CBSE | Education Boards Of India | What is My IP?