Rollovery

Use VIEW SOURCE to examine the code used
to create these rollover effects.
Text marked with < A HREF to /A > is rollover code.
COPY:PASTE the code into a text editor and
create your own pages.
Use BACK to return to the previous page


This red rectangle is an image swap rollover using
onMouseOver and onMouseOut commands

This blue rectangle only changes once, using
onMouseOver to 'permanently' change the screen.
Use the browser reload to view it again

Rolling over the green rectangle changes both
itself and the adjacent yellow one;
onMouseOut restores the original images.
This is partly a displaced rollover - rolling over
the yellow rectangle changes the red rectangle
at the top of the page but does not change itself
- this is a displaced rollover