This page demonstrates using the JavaScript onMouseOver, onMouseOut, onMouseDown, and onMouseUp events with two graphic images. One image (outbttn.gif) looks like a normal button, the other (inbttn.gif) looks like a pushed-in button. The two images are shown below.

outbttn.gif (1250 bytes) inbttn.gif (1304 bytes)
outbttn.gif inbttn.gif

When you touch your mouse pointer to the button image below, it turns into the pushed-in image. This example uses onMouseOver and onMouseOut to determine when the image changes

Magic button

Art389 C Tutorial Links.