Changing Table Background Colors on Mouseover (IE ONLY)

If you're looking for a great way to spice up your HTML tables, this HTML mouseover code may be just what you're looking for.

Place your mouse pointer over each of the HTML table cells below to view this HTML mouseover effect. The HTML table cells will change to a specified color when you place your pointer over the cells.

This HTML code will enable you to give your HTML tables a more professional look and feel, as it will greatly improve the presentation of your HTML table data.

However, when using this HTML code, please ensure that you only use light colors within your HTML table cells to ensure your text can be easily viewed.

HTML table data 1

HTML table data 2

HTML table data 3

Place the following code within the <TR> or <TD> tag of your HTML table code:

onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'"

Your table code might look something like this:

<TABLE BORDER="2" CELLPADDING="2" WIDTH="100%"> <TR onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'"> <TD>Your Table Data</TD> </TR> <TR onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'"> <TD>Your Table Data</TD> </TR> <TR onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'"> <TD>Your Table Data</TD> </TR> </TABLE>

Change the text indicated in bold to suit your needs. However, make sure you select a background color that will enable your text to be easily viewed.