Intro | Positioning | Link Style
You can save or view this document's source code using your browser menu commands. Please read dyn-web's Terms of Use.
The code is very simple. Position the layers absolute, giving them all the same left, top and width settings. An onload handler can show the first layer when the document loads.
A global variable keeps track of the currently visible layer so it can be hidden when a link is clicked to show another.
This version puts the layers at specified (absolute) positions. It is possible for your layers to appear inline in your page, i.e., relative to other page content, for example in a table cell.
See the inline example.
Code is available to change the style of the link clicked on. This helps the user know which layer they are currently viewing.
Illum ad facilisis consequat oppeto accumsan eu delenit blandit, vel feugait immitto diam te in duis appellatio qui et iriure praemitto. Tation at, veniam, enim facilisi exputo at, tincidunt lobortis ut iriure sit similis dolore quis ex, vulputate.
Illum ad facilisis consequat oppeto accumsan eu delenit blandit, vel feugait immitto diam te in duis appellatio qui et iriure praemitto. Tation at, veniam, enim facilisi exputo at, tincidunt lobortis ut iriure sit similis dolore quis ex, vulputate.
| Previous | Next |