Creating Rollover Scripts

CSS Rollover

A CSS Rollover is a simple text that can change its font, color or background when the mouse cursor is over and out the text. This trick can be made by using a:hover style.

Open Dreamweaver and create a new html document. Go to Window then click on CSS Style. Dreamweaver's CSS Style group will appear. Click on the New CSS Rule button:

In the window that appears select advanced selector type:

From the Selector drop-down menu choose a:hover style.

In the Define in radio buttons group you can choose either to create this style for this site only or to create a CSS Style file which can be applied to other pages henceforth.

Next click "OK".

In this window you can define your style. You can choose your font, size, color, style underline and etc. for your rollover text. After you finish this click on OK button and apply the style to your hypertext links.