Knop met overgangseffect

JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home CSS DHTML Forum E-mail Sitezoeker Links

Telkens de pagina vernieuwd wordt krijg je een ander overgangseffect te zien.
In het script kun je er ook voor kiezen om steeds hetzelfde effect te krijgen.

1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina :

//Hiermee kies je een willekeurige overgang, telkens als de pagina ingeladen wordt:
document.write('<STYLE TYPE="text/css">.overgang{ filter:revealTrans(duration=1, transition='+Math.floor(Math.random()*23)+') }</STYLE>');

//Wil je een specifieke overgang, gebruik dan dit (transition=0 tot 23):
//document.write('<STYLE TYPE="text/css">.overgang{ filter:revealTrans(duration=1,transition=2) }</STYLE>');

var muisoverBeeld=new Array();

</script>

2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina : 3. Voor iedere knop maak je twee beeldjes: een voor muisuit en een voor muisover. De transitiefilter zorgt voor de overgang. In dit voorbeeld werd alleen de 'tekstkleur' gewijzigd, je kunt ook de hele knop wijzigen.

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.