New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Other Sections
Bookmark to

FF1+ IE5+

Gradual Highlight Image Script

Author: Dynamic Drive

Note: Script rewritten Dec 3rd, 04' for numerous improvements.

Description: A script that makes any image(s) appear dull before the mouse moves over it; as the mouse moves over it, the image gradually changes to its original appearance. Use it to instantly add stunning onMouseover effects to your menu images, for example.


Move your mouse over any of the images:

Directions Developer's View

Step 1: Insert the below into the <head> section of your page:

Select All

Step 2: Then, insert the below inside the <img> tag of all of the images you want the effect applied to:

Select All

An example would be:

<a href="whatever.htm"><img src="mygif.gif" border=0 class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)"></a>