To include this rollover in your document you need to put the the following in the HEAD section of your document

<!-- *** BEGIN CUT - Start Code *** -->
<!-- (* Another free JavaScript © from JavaScript-FX.com *) -->
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_FadingRollovers.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
     JSFX.Rollover("home", "images/home_on.gif");
//-->
</SCRIPT>
<!-- *** END CUT - End Code *** -->

Put the following on the BODY of your document, where you want the link.

<!-- *** START THE ROLLOVER IMAGE LINK *** -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
    <td background="images/home_off.gif"><a href="home.html"
     onMouseOver="JSFX.fadeIn('home')"
     onMouseOut="JSFX.fadeOut('home')"
><img name="home" class="imgFader"
        src="images/home_off.gif" border="0"></a></td>
</tr>
</table>
<!-- *** END THE ROLLOVER IMAGE LINK*** -->

For more information see the Fading Rollovers tutorial.