Scrollbarfader

Dieses Script eignet sich für den IE ab Vers. 5.5
und sollte nur sparsam angewendet werden.

Es ist jedoch ein sehr schöner Effekt möglich.

HTML-Einbindung
  <script language="javascript"> //var begcolor='#0084d8'; //STARTING COLOR AS A HEX STRING //var endcolor='#00385c'; //ENDING COLOR AS A HEX STRING var begcolor='#ff0000'; //STARTING COLOR AS A HEX STRING var endcolor='#00ff00'; //ENDING COLOR AS A HEX STRING var steps=50; //TOTAL CHANGE STEPS FROM ONE COLOR TO THE OTHER var delay=50; // DELAY BETWEEN EACH COLOR CHANGE. LOWER IS FASTER. //* DO NOT EDIT BEYOND THIS POINT *\\ var data=new Array(); var ie5=(document.getElementById && document.all)? true: false; function colorset(num){ this.beg=parseInt('0x'+begcolor.substring(num,num+2)); this.end=parseInt('0x'+endcolor.substring(num,num+2)); this.up=this.startup=(this.end>=this.beg)? true : false; this.incr=Math.abs(this.end-this.beg)/steps; this.current=this.beg; } function changecolors(){ var color=new Array(); for(i=1;i<=3; i++){ (data[i].up)? data[i].current+=data[i].incr : data[i].current-=data[i].incr; if(data[i].startup){ if(data[i].current>=data[i].end){ data[i].up=false; data[i].current=data[i].end} if(data[i].current<=data[i].beg){ data[i].up=true; data[i].current=data[i].beg } } if(!data[i].startup){ if(data[i].current<=data[i].end){ data[i].up=true; data[i].current=data[i].end} if(data[i].current>=data[i].beg){ data[i].up=false; data[i].current=data[i].beg} } color[i]=data[i].current; } color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4]; color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5]; color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6]; document.body.style.scrollbarBaseColor='#'+color[4]+color[5]+color[6]; } window.onload=function(){ if(ie5){ for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j); document.body.style.scrollbarBaseColor=begcolor; setInterval('changecolors()',delay); }else alert('Dieses Script funktioniert nur ab IE 5.5+.'); } </script>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen