Movement

Movement

Visibility

Visibility

Visibility

Z-index

Z-index

Position

Position

Click one of the boxes to the left to see layers in action

The boxes to the left are

z-index "TWO"

z-index
"ONE"
will go
UNDER
the boxes

z-index "THREE"

will go
OVER

Each box to the left will disappear for 2 secs and then reappear

This is done by toggling the visibility: hide and show

The TOP property
sets the
Verticle
Level

The LEFT property
sets the
Horizontal Position

changing "top" will move an object
up or down the Y-axis

changing "left" will move an object
left or right on the X-axis

A layer has properties: top, left, visibility,
& z-index

They also require the position: property set to absolute

With the position set to "absolute" the layer can be referenced

The eval( ) function is used to reset the layer's position

Make your page come alive with Layers

use Visibility, zIndex and Left & Top

combined with the setTimeout function

create scrolls, strobing or movement

hide or show layers as you please