Javascript  »  Animationen  »  Scrollbarfader

zur Übersicht

Kategorie	Animationen
Bezeichnung	Scrollbarfader
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	24620 Aufrufe davon 0x gestern
Dieses Script verändert die Farbe der Scrollbar auf der rechten Seite. Allerdings nur im IE 5.5+.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <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>

Kommentare zu Scrollbarfader

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen