Back to Scripts page
Click in the text area below, select all and copy to grab the script
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>A Simple Rollover</title> <script language="Javascript" type="text/javascript"> <!-- Hide script from old browsers if (document.images) { button1Red = new Image button1Blue = new Image button2Red = new Image button2Blue = new Image button1Red.src = "images/redButton1.gif" button1Blue.src = "images/blueButton1.gif" button2Red.src = "images/redButton2.gif" button2Blue.src = "images/blueButton2.gif" } else { button1Red = "" button1Blue = "" button2Red = "" button2Blue = "" document.button1 = "" document.button2 = "" } // End hiding script from old browsers --> </script> </head> <body bgcolor="#FFFFFF"> <a href="next1.html" onmouseover="document.button1.src=button1Red.src" onmouseout="document.button1.src=button1Blue.src"><img src="images/blueButton1.gif" width="113" height="33" border="0" name="button1" alt="button1" /></a> <a href="next2.html" onmouseover="document.button2.src=button2Red.src" onmouseout="document.button2.src=button2Blue.src"><img src="images/blueButton2.gif" width="113" height="33" border="0" name="button2" alt="button2" /></a> </body> </html>
Images:
(Some scripts do not have associated images)
