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_SimpleRollovers.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
  JSFX.Rollover("home", "../images/home_on.gif");
  JSFX.Rollover("email", "../images/email_on.gif");
  JSFX.Rollover("links", "../images/links_on.gif");
  JSFX.Rollover("scripts", "../images/scripts_on.gif");
  JSFX.Rollover("special", "../images/special_on.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.imgOn('home')"
  onMouseOut="JSFX.imgOff('home')">
    <IMG SRC="images/home.gif" BORDER="0" NAME="home"></A>

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

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

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

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

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