Rollovereffect for whole paragraphs and tables

Even my granny knows how to add rollover-effects to textlinks and buttons. Yet how do you create rollover effects that will highlight whole paragraphs, tables, divs and spans? Much easier than you think! Internet Explorer 4 or higher.

Move your mouse around this page in order to see how the script highlights paragraphs, links, textfields and more.

Configuration:

Step 1: Open your webpage and paste the following code into the <head>section:


Step 2: Open your webpage, go to the top of the script and configure the rollover-color (red code below):
// rollover-color
var color_onmouseover="yellow"

Step 3: Put the content of your webpage into tables, paragraphs, divs, spans and more and test the rollover-effect by trial and error.

Step 4: Have fun!