Image Changes On MouseOver

[Total: 0    Average: 0/5]

This shows how to have an image change when it is moused over and out again.

Body Code:

<b>To change the image size, move your mouse over the picture of the two ball.</b>
<BR>
(this requires you to have 2 images with one being different (zoomed image).
<br><br>
<a href="http://www.js-examples.com/" 
   OnMouseOver="img2.src = 'http://www.js-examples.com/js/pic1.gif';" 
   OnMouseOut = "img2.src = 'http://www.js-examples.com/js/pic2.gif';">
<img border=0 name=img2 src="http://www.js-examples.com/js/pic2.gif" align="left" hspace="0">
</a>

Times Viewed: 2

Leave a Reply

Your email address will not be published. Required fields are marked *