Mouse Events - 4 Links 1 Image


Example 1: Different mouse event links change same image

mouseover gives 4     onmousedown gives 3     onclick gives 2     onmouseout gives 1

Example 2: Different links using same mouse event change same image

onclick -3       onclick -2       onclick -1       onclick -0

Example 3: Rollover links to change image, click link to restart

roll-y     roll-y     roll-y


Images used for the above example:
- all white image loads with image tag.
- loads on onmouseover event.
- loads on onmousedown event.
- loads on onclick event (which is a kind of mouseup, if you will).
- loads on onmouseout event.