Back to Scripts page
Click in the text area below, select all and copy to grab the script
Script 10.15 listing:
<HTML> <HEAD> <TITLE>Our WebSite</TITLE> <SCRIPT SRC="external.js" LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> <!-- Hide script from old browsers function imgOver() { } function imgOut() { } // End hiding script --> </SCRIPT> </HEAD> <BODY BGCOLOR=WHITE> <IMG SRC="images/home_on.jpg" WIDTH=118 HEIGHT=64 BORDER=0 NAME="home"><P> <A HREF="products.html" onMouseover="imgOver('products')" onMouseout="imgOut('products')"><IMG SRC="images/products_off.jpg" WIDTH=158 HEIGHT=64 BORDER=0 NAME="products"></A><P> <A HREF="contact.html" onMouseover="imgOver('contact')" onMouseout="imgOut('contact')"><IMG SRC="images/contact_off.jpg" WIDTH=180 HEIGHT=64 BORDER=0 NAME="contact"></A><P> <A HREF="press.html" onMouseover="imgOver('press')" onMouseout="imgOut('press')"><IMG SRC="images/press_off.jpg" WIDTH=112 HEIGHT=64 BORDER=0 NAME="press"></A> </BODY> </HTML>
Script 10.16 listing:
<HTML> <HEAD> <TITLE>Our WebSite</TITLE> <SCRIPT SRC="external.js" LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> <!-- Hide script from old browsers function imgOver() { } function imgOut() { } // End hiding script --> </SCRIPT> </HEAD> <BODY BGCOLOR=WHITE> <A HREF="home.html" onMouseover="imgOver('home')" onMouseout="imgOut('home')"><IMG SRC="images/home_off.jpg" WIDTH=118 HEIGHT=64 BORDER=0 NAME="home"></A><P> <IMG SRC="images/products_on.jpg" WIDTH=158 HEIGHT=64 BORDER=0 NAME="products"><P> <A HREF="contact.html" onMouseover="imgOver('contact')" onMouseout="imgOut('contact')"><IMG SRC="images/contact_off.jpg" WIDTH=180 HEIGHT=64 BORDER=0 NAME="contact"></A><P> <A HREF="press.html" onMouseover="imgOver('press')" onMouseout="imgOut('press')"><IMG SRC="images/press_off.jpg" WIDTH=112 HEIGHT=64 BORDER=0 NAME="press"></A> </BODY> </HTML>
Script 10.17 listing:
<HTML> <HEAD> <TITLE>Our WebSite</TITLE> <SCRIPT SRC="external.js" LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> <!-- Hide script from old browsers function imgOver() { } function imgOut() { } // End hiding script --> </SCRIPT> </HEAD> <BODY BGCOLOR=WHITE> <A HREF="home.html" onMouseover="imgOver('home')" onMouseout="imgOut('home')"><IMG SRC="images/home_off.jpg" WIDTH=118 HEIGHT=64 BORDER=0 NAME="home"></A><P> <A HREF="products.html" onMouseover="imgOver('products')" onMouseout="imgOut('products')"><IMG SRC="images/products_off.jpg" WIDTH=158 HEIGHT=64 BORDER=0 NAME="products"></A><P> <IMG SRC="images/contact_on.jpg" WIDTH=180 HEIGHT=64 BORDER=0 NAME="contact"><P> <A HREF="press.html" onMouseover="imgOver('press')" onMouseout="imgOut('press')"><IMG SRC="images/press_off.jpg" WIDTH=112 HEIGHT=64 BORDER=0 NAME="press"></A> </BODY> </HTML>
Script 10.18 listing:
<HTML> <HEAD> <TITLE>Our WebSite</TITLE> <SCRIPT SRC="external.js" LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> <!-- Hide script from old browsers function imgOver() { } function imgOut() { } // End hiding script --> </SCRIPT> </HEAD> <BODY BGCOLOR=WHITE> <A HREF="home.html" onMouseover="imgOver('home')" onMouseout="imgOut('home')"><IMG SRC="images/home_off.jpg" WIDTH=118 HEIGHT=64 BORDER=0 NAME="home"></A><P> <A HREF="products.html" onMouseover="imgOver('products')" onMouseout="imgOut('products')"><IMG SRC="images/products_off.jpg" WIDTH=158 HEIGHT=64 BORDER=0 NAME="products"></A><P> <A HREF="contact.html" onMouseover="imgOver('contact')" onMouseout="imgOut('contact')"><IMG SRC="images/contact_off.jpg" WIDTH=180 HEIGHT=64 BORDER=0 NAME="contact"></A><P> <IMG SRC="images/press_on.jpg" WIDTH=112 HEIGHT=64 BORDER=0 NAME="press"> </BODY> </HTML>
Script 10.19 listing:
homeOff = new Image productsOff = new Image contactOff = new Image pressOff = new Image homeOver = new Image productsOver = new Image contactOver = new Image pressOver = new Image homeOff.src = "images/home_off.jpg" productsOff.src = "images/products_off.jpg" contactOff.src = "images/contact_off.jpg" pressOff.src = "images/press_off.jpg" homeOver.src = "images/home_over.jpg" productsOver.src = "images/products_over.jpg" contactOver.src = "images/contact_over.jpg" pressOver.src = "images/press_over.jpg" function imgOver(thisImg) { document[thisImg].src = "images/" + thisImg + "_over.jpg" } function imgOut(thisImg) { document[thisImg].src = "images/" + thisImg + "_off.jpg" }
