Demo --> javascript --> mouseOver.html

[IMAGE] IU SLIS logo

Demo page logo

HTML Demonstration Pages:
Proof of mouseOver

Here's real life actual proof that this works. Don't bother clicking on the links - they don't work

Here's the javascript that is in the <head> of this page:

<script language="javascript">
<!-- Hide from older browsers
if (document.images) {
image1 = new Image
image1.src = image1.gif
image2 = new Image
image2.src = image2.gif
image3 = new Image
image3.src = image3.gif
image4 = new Image
image4.src = image4.gif
      }

else {
image1 = ""
image2 = ""
image3 = ""
image4 = ""
document.test = ""
document.test2 = ""
      }

// End hiding -->
</script>

And here's what's in the <body> of the page:

<a href="blarch.html"
onMouseover="document.test.src='../Images/image1.gif'"
onMouseout="document.test.src='../Images/image2.gif'">
<img src="../Images/image2.gif" name="test" border="0"></a>
<a href="blarch.html"
onMouseover="document.test2.src='../Images/image3.gif'"
onMouseout="document.test2.src='../Images/image4.gif'">
<img src="../Images/image4.gif" name="test2" border="0"></a>

Return to Javascript for home use.

Page by Howard Rosenbaum
Find me at hrosenba@indiana.edu http://www.slis.indiana.edu/hrosenba/www/Demo/javascript/mouseOver.html