Java Script

Home

Free Web Graphics

- Alphabets

- Buttons

- Bullets

- Arrows

- Flags

- Lines / Bars

- Sports

- Misc. GIFs

- Personalized
FLASH Graphics

- More Graphics

Move your mouse over the images and see the action...

How does this work? First, download the images you want to use to your computer. (this is just an example!)

1off.gif 1on.gif 2off.gif 2on.gif

Then just copy the following lines in YELLOW to the proper area of your web page.
Note: You need to change the image file names that are in WHITE


<HTML>
<HEAD>
   <TITLE>My Page!</TITLE>

<script language="JavaScript">

// Created by Doug Popeney (dpopeney@polymail.calpoly.edu)
// JavaScript Made Easy!! - http://www.calpoly.edu/~dpopeney/javascript.html

if (navigator.appVersion.indexOf("2.") != -1){
	check = false;
	}
if ((navigator.appVersion.indexOf("3.") != -1) &&
    (navigator.appName.indexOf("Explorer") != -1)){
	check = false;
	}
else {
	check = true;
	}

image1= new Image();
image1.src = "1off.gif";
image1on = new Image();
image1on.src = "1on.gif";
image2= new Image();
image2.src = "2off.gif";
image2on = new Image();
image2on.src = "2on.gif";

function imageon(name)   {
        document[name].src = eval(name + "on.src");
}
function imageoff(name)  {
        document[name].src = eval(name + ".src");
}

function on(name)  {
        if (check == true){
	imageon(name);
	}
}
function off(name)  {
        if (check == true){
	imageoff(name);
	}
}</script>

</HEAD>

<BODY>

<a href="mypage.htm" onmouseover="on('image1');" onmouseout="off('image1')">
<img src="1off.gif"  border="0" name="image1"></a>
<a href="mypage.htm" onmouseover="on('image2');" onmouseout="off('image2')">
<img src="2off.gif"  border="0" name="image2"></a>

</BODY>
</HTML>

If you have any questions or problems with anything, please let me know.
Thanks to Doug Popeney for providing this java script.