To include these 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_AnimatedRollovers.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
     JSFX.AnimatedRollover("home", "images/home/", 5, ".gif");
     JSFX.AnimatedRollover("email", "images/email/", 5, ".gif");
     JSFX.AnimatedRollover("links", "images/links/", 5, ".gif");
     JSFX.AnimatedRollover("scripts", "images/scripts/", 5, ".gif");
     JSFX.AnimatedRollover("special", "images/special/", 5, ".gif");
//-->
</SCRIPT>
<!-- *** END CUT - End Code *** -->

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

<A HREF="home.html"
  onMouseOver="JSFX.aniOn('home')"
  onMouseOut="JSFX.aniOff('home')">
    <IMG SRC="images/home.gif" BORDER="0" NAME="home"></A>

<A HREF="email.html"
  onMouseOver="JSFX.aniOn('email')"
  onMouseOut="JSFX.aniOff('email')">
    <IMG SRC="images/email.gif" BORDER="0" NAME="email"></A>

<A HREF="links.html"
  onMouseOver="JSFX.aniOn('links')"
  onMouseOut="JSFX.aniOff('links')">
    <IMG SRC="images/links.gif" BORDER="0" NAME="links"></A>

<A HREF="scripts.html"
  onMouseOver="JSFX.aniOn('scripts')"
  onMouseOut="JSFX.aniOff('scripts')">
    <IMG SRC="images/scripts.gif" BORDER="0" NAME="scripts"></A>

<A HREF="special.html"
  onMouseOver="JSFX.aniOn('special')"
  onMouseOut="JSFX.aniOff('special')">
    <IMG SRC="images/special.gif" BORDER="0" NAME="special"></A>

For more extensive help, check out how to create Animated Rollovers.