rollover example using javascript

the rollover works by defining three images:
the inactive image is the one displayed when the mouse is not inside the boundary of the image.
the hover image is the one displayed when the mouse is inside the boundary of the image but the user is not clicking on the image (i.e., the user is "hovering").
the active image is the one displayed when the mouse is inside the boundary of the image and the user is clicking on the image.

 


try it (clicking will just take you back to this page):

people