scrolling link
geef een link een scroll-effect

home | index | menu | help

Er is geen CSS ondersteuning.


		

Als je met jouw muis over deze link gaat (waar overigens de broncode van de scrolling-link procedure staat) zie je het link-scroll effect. Ik heb nog twee linkjes voorzien van het effect om te tonen hoe het effect met meerdere links tegelijk "oogt". Plaats het stuk javascript uit de broncode in de head-sectie van jouw pagina's, voeg in de link data-scrollen="doe" (een nieuwe mogelijkheid van html5: achter "data-" kan je jouw eigen definities maken) toe, en het scroll-effect werkt. In het begin van het script staat de variabele "scrollomlaag"; hiermee laat je de link omhoog- of omlaag scrollen, en met de variabele "scrollsneheid" regel je de snelheid van de scroll. De procedure is valide volgens de JSLint-norm en valideert verder op html5 en css2/css3.

cache 12-06-2010