<SCRIPT> var fade_effect=2 //verander bovenstaande waarde in 1,2 of 3 voor een ander effect var eventobj=false var timer var previouscolor var ns6=document.getElementById&&!document.all if (fade_effect==1) { var darkmax=1 var lightmax=127 } if (fade_effect==2) { var darkmax=127 var lightmax=254 } if (fade_effect==3) { var darkmax=1 var lightmax=254 } if (fade_effect==4) { var darkmax=180 var lightmax=254 } if (fade_effect==5) { var darkmax=1 var lightmax=80 } var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F') var redrgb=lightmax var greenrgb=lightmax var bluergb=lightmax var redcol_1 var redcol_2 var greencol_1 var greencol_2 var bluecol_1 var bluecol_2 var stepmax=15 var stepred=Math.ceil(stepmax*Math.random()) var stepgreen=Math.ceil(stepmax*Math.random()) var stepblue=Math.ceil(stepmax*Math.random()) function setrandomstep() { stepred=Math.ceil(stepmax*Math.random()) stepgreen=Math.ceil(stepmax*Math.random()) stepblue=Math.ceil(stepmax*Math.random()) } function makedarker() { redrgb-=stepred greenrgb-=stepgreen bluergb-=stepblue if (redrgb<darkmax) {redrgb=darkmax} if (greenrgb<darkmax) {greenrgb=darkmax} if (bluergb<darkmax) {bluergb=darkmax} if (redrgb>darkmax || greenrgb>darkmax || bluergb>darkmax) { redcol_1 = hexc[Math.floor(redrgb/16)]; redcol_2 = hexc[redrgb%16]; greencol_1 = hexc[Math.floor(greenrgb/16)]; greencol_2 = hexc[greenrgb%16]; bluecol_1 = hexc[Math.floor(bluergb/16)]; bluecol_2 = hexc[bluergb%16]; var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 eventobj.style.backgroundColor=backcolor timer=setTimeout("makedarker()",20); } else { clearTimeout(timer) setrandomstep() setTimeout("makelighter()",20) } } function makelighter() { redrgb+=stepred greenrgb+=stepgreen bluergb+=stepblue if (redrgb>=lightmax) {redrgb=lightmax} if (greenrgb>=lightmax) {greenrgb=lightmax} if (bluergb>=lightmax) {bluergb=lightmax} if (redrgb<lightmax || greenrgb<lightmax || bluergb<lightmax) { redcol_1 = hexc[Math.floor(redrgb/16)]; redcol_2 = hexc[redrgb%16]; greencol_1 = hexc[Math.floor(greenrgb/16)]; greencol_2 = hexc[greenrgb%16]; bluecol_1 = hexc[Math.floor(bluergb/16)]; bluecol_2 = hexc[bluergb%16]; var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 eventobj.style.backgroundColor=backcolor timer=setTimeout("makelighter()",20); } else { clearTimeout(timer) setrandomstep() setTimeout("makedarker()",20) } } function animate(e) { if (document.all) { if (eventobj) { eventobj.style.backgroundColor=previouscolor } clearTimeout(timer) eventobj= event.srcElement previouscolor= eventobj.style.backgroundColor makedarker() } } function stopit() { if (document.all) { clearTimeout(timer) eventobj.style.backgroundColor=previouscolor } } </script>

  <form> <p align="center"> <font size=2 face=Verdana> <input type=button onFocus="animate(event)" onBlur="stopit()" value="Hier de tekst voor de button" style="font-size:8pt"> </font> </form>