<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Test page</TITLE> <LINK REV="made" HREF="mailto:jbisson@zoo.uvm.edu"> <META NAME="author" content="John Bisson"> <META name="generator" content="Super NoteTab 2.63"> <META name="keywords" content="mouseOver,Onclick"> <META name="description" content="Example HTML"> </HEAD> <BODY BGCOLOR="#FFFFFF" BACKGROUND=""> <SCRIPT LANGUAGE = "JavaScript"> image01a = new Image; image01a.src = "img01off.gif"; image01b = new Image; image01b.src = "img01on.gif"; image02a = new Image; image02a.src = "img02off.gif"; image02b = new Image; image02b.src = "img02on.gif"; image03a = new Image; image03a.src = "img03off.gif"; image03b = new Image; image03b.src = "img03on.gif"; image04a = new Image; image04a.src = "04base.gif"; image04b = new Image; image04b.src = "img04on.gif"; </SCRIPT> <CENTER><H1>MouseOver Examples 1</H1></CENTER> <BR> <TABLE ALIGN=Left BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%"> <TR ALIGN=left VALIGN=top><TD> <A HREF = "" onMouseOver = "button01.src = image01b.src; window.status = 'Button one';return true" onMouseOut = "button01.src = image01a.src; window.status = 'Pick a button';return true"> <img src = "01base.gif" NAME = "button01" border = 0> </A> </TD> </TR> <TR ALIGN=left VALIGN=top><TD> <A HREF = "" onMouseOver = "button02.src = image02b.src; window.status = 'Button two';return true" onMouseOut = "button02.src = image02a.src; window.status = 'Pick a button';return true"> <img src = "02base.gif" NAME = "button02" border = 0> </A> </TD></TR> <TR ALIGN=left VALIGN=top><TD> <A HREF = "" onMouseOver = "button03.src = image03b.src; window.status = 'Button three';return true" onMouseOut = "button03.src = image03a.src; window.status = 'Pick a button';return true"> <img src = "03base.gif" NAME = "button03" border = 0> </A> </TD></TR> <TR ALIGN=left VALIGN=top><TD> <A HREF = "" onMouseOver = "button04.src = image04b.src; window.status = 'Button four';return true" onMouseOut = "button04.src = image04a.src; window.status = 'Pick a button';return true"> <img src = "04base.gif" NAME = "button04" border = 0> </A> </TD> <TD ALIGN=right VALIGN=top > <A HREF="mouse2.html"><IMG SRC="smilinga.gif" ALT="" BORDER=0></A> </TD> </TR> </TABLE> </BODY> </HTML>