Interactive Buttons with JavaScript 377
Interactivity
Interactive Buttons with JavaScript
Web Design in a Nutshell, eMatter Edition
img1ad.src = "jukeboxinfo.gif"; // Information
// Images
img2ad = new Image();
img2ad.src = "videosinfo.gif";
}
// Function to 'activate' images.
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
B document["holder"].src = eval(imgName + "ad.src");
}
}
// Function to 'deactivate' images.
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
C document["holder"].src = "clear.gif";
}
}
// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR = "#FFFFFF">
<!-- 1st Rollover -->
<A HREF = "jukebox.html"
onMouseOver = "imgOn('img1')"
onMouseOut = "imgOff('img1')">
<IMG NAME= "img1" BORDER = 0 HEIGHT = 24 WIDTH = 100 SRC =
"jukeboxoff.gif"></A>
<!-- 2nd Rollover -->
<A HREF = "videos.html"
onMouseOver = "imgOn('img2')"
onMouseOut = "imgOff('img2')">
<IMG NAME= "img2" BORDER = 0 HEIGHT = 24 WIDTH = 100 SRC =
"videosoff.gif"></A>
D