JavaScript rollover code
This page includes JavaScript DOM 0/2 roll-over code. Tested with FF2,
IE7 and Opera 9 on Windows. See the source for everything
(including some comments). Similar as 3-rollover.html
but less smart about JS/HTML separation.
- This example is made in correct (fake) XHTML 1 transitional. It
shows how to preload 2x2 images in the header and also how to
substitute the source of an
<img name="xxxx" ... >
element in the
DOM with document.images['xxxx'].src =
- Similar as 1-minimal-rollover.html but
uses objects instead.
Code was inspired by
Image handling and
How
to make correct rollover buttons with preload images.
My contribution was to use indexed arrays.
Logos were taken from Creativecommons.org and mediawiki.
Made by DKS/TECFA. If you are looking for good JavaScript links, go to
JavaScript links / EduTech Wiki.
Last modified: Sun Apr 13 19:26:33 Europe de l'Ouest (heure d'été) 2008