Note: This tutorial is done by Macromedia
Dreamweaver MX.
This tutorial will teach you how to do
a MouseOver effect on your buttons.
Download these two buttons to do this tutorial or use your
own buttons if you have one.
Open a new page in Dreamweaver, and and press Rollover
Image button on the Common panel.
After you have clicked the Rollover Image you should see
this pop-up window.
Fill in the empty fields with the respective texts. Give
your image a name, if it is a menu item such as About Us
in our case, give it "About Us" name. Original
Image field is the field which should contain your
initial image. Rollover Image field should
contain your second image which should show when the user
MouseOvers. The last two fields are self explanatory.
Once you finish click OK and save your
page. Hit F12 to see your page.
You can see your rollover actions in Behaviors Panel.
Go to Window > Behaviors to open the
panel if it is not already open. To edit double click on
the actions on the right side.
Web2.0 Bookmarks - Social bookmarking is good, but old skool way of hand-picking sites is better!
That's what we do best, collecting the coolest WEB2.0 sites. click here
Open a new page in Dreamweaver, and and press Rollover
Image button on the Common panel.
After you have clicked the Rollover Image you should see
this pop-up window.
You can see your rollover actions in Behaviors Panel.
Go to Window > Behaviors to open the
panel if it is not already open. To edit double click on
the actions on the right side.
