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>

http://www.dynamicdrive.com/dynamicindex4/highlightgrad.htm

posted on 2006-09-25 22:53  zenith  阅读(227)  评论(0编辑  收藏  举报

导航