Layers are a special kind of HTML elements that can be used as a container to
hold other HTML elements and to show them dynamically using JavaScripts. We
can stack more than one layer on top of each other. One or more layer can be
made visible dynamically, by hiding others. But using Macromedia Dreamweaver
you can do all this without even knowing JavaScript or coding.
In this tutorial we are going to use multiple layers stacked over one
another, and make it viewable, when you mouseover an image. In this case
study I have taken 2 rollover images: Image1, Image 2, and three layers:
Layer1, Layer2 and Layer3.
When we mouse over on the Image1, the second layer will appear while Layer1
and Layer 3 will be hidden along with its content. Likewise for the Image 3,
Layer1 and 2 ... (more)