New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:


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.

Demo:

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>