Using More than One Layer in Web Page

<html>
<head>
<title>Multiple Layers</title>
</head>
<body>
<layer name=one top=0 left=0 width=150 bgcolor=white>
This is layer numer1.
This is layer number 1.
This is layer number 1.
</layer>

<layer name=two top=0 left=0 width=150 bgcolor=white>
This is layer numer2.
This is layer number 2.
This is layer number 2.
</layer>

<layer name=three top=0 left=0 width=150 bgcolor=white>
This is layer numer3.
This is layer number 3.
This is layer number 3.
</layer>

<layer name=four top=0 left=0 width=150 bgcolor=white>
This is layer numer 4.
This is layer number 4.
This is layer number 4.
</layer>
</body>
</html>

Using the same position and background information for each layer overlaps each layer but blocks the view of any layer underneath. By setting the second through fourth layers as hidden, they are blocked from view and only the first layer is seen.

Now that you have set the layers, so that only the first layer is visible, you can attach a script to the document to control which layer is displayed at any given time. You'll control the layer with a form and four buttons. The script calls one function that hides the current layer and displays the selected layer. The page now includes a script to display the desired layer and to hide the current layer.

Domain Name Search

Using More than One Layer in Web Page

Domain Names

DHTML

Web Design

Web Hosting

E Commerce

Email