Dynamic Overlay Example : Text Rollovers

This example creates a styled DIV pair, then uses visibility control to create the rollover effect. One of the advantages of using this approach, is the ability to use low bandwith text rollovers.

Each OUT div is initially visible when the page loads. The OVER div is invisible, and absolutely positioned at the same point as the OUT div.

An out and in class is created to remove the default text-decoration associated with the browser and allow individual font design and background color.

Since each div is a container, it could also include images, objects, and/or embeds.

Shark Page
Crab Page
Spider Page
Ladybug Page
Worm Page