Rather than updating my site's navigation to use rollovers, I've created a mini website below that features a rollover nav bar to showcase what this would look like.
Source Code:
<!-- MODULE NAME: /javascript/week4/rollovernav.cfm PURPOSE: Assignment 4, week 4. REFERRING MODULE(S): whiteboard_iframe.cfm DESTINATION MODULE(S): QUERYSTRING METHODS SUPPORTED: AUTHOR: Grant Szabo (grant@quagmire.com) Sterling Creek Software CREATED: 12/17/02 LAST MODIFIED: 12/17/02 --> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="http://www.quagmire.com:80/stylesheets/quagmire.css"> </head> <body bgcolor="#FFFFFF"> <table bgcolor="#CCCCCC"> <tr> <td align="right" valign="top" height="20" width="58"><A HREF="http://www.quagmire.com:80/javascript/week4/rollovernav.cfm?method=home" onMouseOver="document.imgAA.src='/images/home2.gif'; window.status=':: Home ::';return true" onMouseOut="document.imgAA.src='/images/home1.gif'; window.status=':: Home ::';return true"><IMG NAME="imgAA" SRC="http://www.quagmire.com:80/images/home1.gif" WIDTH=58 HEIGHT=20 border="0"></A></td> <td align="right" valign="top" height="20" width="75"><A HREF="http://www.quagmire.com:80/javascript/week4/rollovernav.cfm?method=aboutus" onMouseOver="document.imgBB.src='/images/aboutus2.gif'; window.status=':: About Us ::';return true" onMouseOut="document.imgBB.src='/images/aboutus1.gif'; window.status=':: About Us ::';return true"><IMG NAME="imgBB" SRC="http://www.quagmire.com:80/images/aboutus1.gif" WIDTH=75 HEIGHT=20 border="0"></A></td> <td align="right" valign="top" height="20" width="75"><A HREF="http://www.quagmire.com:80/javascript/week4/rollovernav.cfm?method=contactus" onMouseOver="document.imgCC.src='/images/contactus2.gif'; window.status=':: Contact Us ::';return true" onMouseOut="document.imgCC.src='/images/contactus1.gif'; window.status=':: Contact Us ::';return true"><IMG NAME="imgCC" SRC="http://www.quagmire.com:80/images/contactus1.gif" WIDTH=75 HEIGHT=20 border="0"></A></td> </tr> </table> <!-- ColdFusion switch/case block follows to display "site" content ---> <p class="font1Bold">Welcome to our Home Page</p> <p class="font1"> El BBS de Quagmire era el nombre de un tablón de anuncios que el servicio (BBS) ese yo funcionó con un amigo de la niñez el míos en los años 80 tempranos de Littleton, CO donde crecí para arriba. Pienso que elegimos el "Quagmire conocido" porque sería el único BBS mencionado de "Q" en una lista de Denver local, los tableros del CO que teníamos. El tablero funcionó en una computadora de radio del modelo IV de Shack TRS que perteneció al papá de mi amigo. Pienso que el sistema utilizó un módem de 300 baudios y guardamos solamente a tablero encendido en las noches el los fines de semana en que pasé la noche en su casa. ¡Seriamente! </p> </body> </html>