Tutorial search
Cool Stuff
How would you like to MASTER graphic design by next week?
Click here to find out how
Photoshop Templates
Dreamweaver Tutorials
Tutorials
Stuff
Affiliates
Show hidden layers on rollover - Dreamweaver tutorial
| Show-Hidden Layer This tutorial will show you how to show a and hide layer. |
Preview: Rollover here to Show-Hidden Layer
(Well, you can see the layer when the site loads here, but it will be invisible when you place the onLoad function call within your <body> tag)
Go Insert > Layout Objects > Layer
Click inside the layer and then go Insert > Table and put a table in like this.
Choose a border colour and a background colour.
Highlight the text you want your discription to showfor. Go to Behaviors > + > Show-Hide Layers
Click Show > OK
Change the option to onMouseOver so that when you put your cursor over the word the discription apears.
Go Behaviors > + > Show-Hide Layers > Hide > OK
This time we going to choose onMouseOut so that when you have your cursor not over the word the discription wont show.
Now hold down Ctrl A and go to your Behaviors > + > Show-Hide Layers
Use the behavior option of onLoad and your done!