JavaScript Rollovers

En rollover er den effekt, du ofte ser på en webside, at noget ændrer sig, når du fører musemarkøren hen over det.

Denne sektion af Webdesign 101 handler udelukkende om JavaScript Rollovers. Sektionen omfatter følgende artikler:

Simpel rollover
Den simplest tænkelige grafiske rollover viser princippet for, hvorledes en sådan fungerer.
Kvikskift rollover
I denne artiklen forklares, hvorledes du sikrer, at rolloverens billedskift vises øjeblikkeligt. Omfatter også et afsnit om, hvorledes du laver rollover på tekstlinks ved hjælp af stylesheet.
Preload af mange billeder
I denne artikel demonstreres, hvorledes du sørger for indlæsningen af mange billeder, før rolloveren vises i browservinduet.
Grafikken i Arrays
Du kan oprette JavaScript Arrays, der indlæser billederne. Denne artikel forklarer hvordan, og hvorledes du aftaster disse Arrays ved hjælp af rollover-funktioner.
Automatisk fyldning af Arrays
Artiklen handler om, hvorledes du effektiviserer dit script med bl.a. autofyldning af dine Arrays. Derved får du udviklet et universalscript til brug ved alle former for grafiske rollovers.
Rullende grafik
Demonstration af, hvorledes vort universalscript kan tilpasses en rollover med rullende grafik.
Vis et ekstra billede
Har du brug for, at din rollover skal lave mere end blot at udskifte rolloverens grafikker, kan du i denne artikel læse om, hvordan du ordner dette.
Rollover på et billede
Universalscriptet anvendt på et foto, der er "slicet".
10 knapper - kun 2 grafikker
Denne artikel MÅ du læse. Den viser, hvordan du kan opnå enorme besparelser på overførselstiden for dine grafiske rollovers.
Alfabet-rollover uden JavaScript
Det bliver mere og mere populært at lave rollovers uden brug af JavaScript. Jeg har skrevet nogle artikler om dette, som du finder i sektionen CSS menuer. Jeg demonstrerer her princippet på en alfabet-rollover, der har gennemgået en række transformationer siden 1998.

Denne side er senest opdateret: 2. December, 2006