Dynamic HTML Example : Style Sheet Overlays

This example creates a group of invisible styles, whose visibility is then controlled to display an image and its associated text.

1. Define a style class for the group.
2. Create an invisible DIV for each image/text.
3. Create a variable name for each DIV ID.
4. Provide a JavaScript function to control visibility.

Turkey Shark Crab Spider


Gobbles

Crunch

Claude

Spinner