Mouse over demonstration
The color square is so you can easily see when the image changes; the text describes the javascript event that is active. The html/javascript code is below the image.


<img src="./pics/normal.png"

onmousedown="this.src='./pics/mousedown.png';"

onmouseup="this.src='./pics/mouseup.png';"

onmouseover="this.src='./pics/mouseover.png';"

onmouseout="this.src='./pics/mouseout.png';"

>