Close this page

CSS - controlling layer visibility with JavaScript

This page demonstrates hiding and showing CSS layers using JavaScript.

The visibility of 3 div tags (layer1, layer2, layer 3) is controlled with rollover behaviours.

The CCS styles for this page are located in the <head> tag of this page, so just view the page source code to see what's going on.

Rollover here to show 1st layer

Rollover here to show 2nd layer

Rollover here to show 3rd layer

Rollover here to show all layers

This is the 1st layer

This is the 2nd layer

This is the 3rd layer