Rollover effect for tables

Home / Free JavaScripts / IE 4.x / Here

Cut & Paste Rollover effect for tables (Requires IE 4.x)
Credit: Lance Flavell

Description: Highlights a table as the mouse rolls over it.

Example:

DYNAMIC

TABLES

INTERNET EXPLORER 4

Directions: Simply insert this in the <body> section:

<TABLE onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#0000ff'" BGCOLOR="#0000ff" BORDER="4" WIDTH="200"> <TD> <CENTER><B>DYNAMIC</B></CENTER> </TD> </TABLE><BR> <TABLE onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#0000ff'" BGCOLOR="#0000ff" BORDER="4" WIDTH="200"> <TD> <CENTER><B>TABLES</B></CENTER> </TD> </TABLE><BR> <TABLE onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#0000ff'" BGCOLOR="#0000ff" BORDER="4" WIDTH="200"> <TD> <CENTER><B>in</B></CENTER> </TD> </TABLE><BR> </BODY> <TABLE onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#0000ff'" BGCOLOR="#0000ff" BORDER="4" WIDTH="200"> <TD> <CENTER><B>INTERNET EXPLORER 4</B></CENTER> </TD> </TABLE>

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info