<STYLE>BODY { scrollbar-face-color: red; SCROLLBAR-TRACK-COLOR: blue; scrollbar-arrow-color: black; scrollbar-base-color: #ffff33; scrollbar-shadow-color : #33cc99; SCROLLBAR-3DLIGHT-COLOR: #ff33ff; SCROLLBAR-DARKSHADOW-COLOR: #33ffff; scrollbar-highlight-color: white; } </STYLE> Scrollbarfarben ändern
______________
<SCRIPT language="JScript"> <!-- var scrollPct, prevStep, nextStep, interStep steps = new Array(); steps[0] = new Array(128,128,128); steps[1] = new Array(255,0,0); steps[2] = new Array(255,255,0); steps[3] = new Array(0,255,0); steps[4] = new Array(0,255,255); steps[5] = new Array(0,0,255); steps[6] = new Array(255,0,255); steps[7] = new Array(255,0,0); steps[8] = new Array(255,255,255); function newColor(chan) { var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan])); return i; } function scrollFunk() { scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight); prevStep=Math.floor(scrollPct); nextStep=Math.ceil(scrollPct); interStep=scrollPct-prevStep; var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")"; var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")"; if (document.body.style.scrollbarTrackColor != null) { document.body.style.scrollbarFaceColor=newRGB; document.body.style.scrollbarTrackColor=invRGB; } } window.onscroll=scrollFunk; file://--> </SCRIPT> Scrollbar wechselt beim bewegen die Farbe
_______________
<html> <body bgcolor=#000000 text=#ffffff link=#ccff88 vlink=ccff88 alink=#ccff88> <script> // (C) 2000 by CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // blink speed in miliseconds var rate = 333; // true to start automatically, else false var DoIt = true // the three blink colors var Color1 = "#FF0000" var Color2 = "#00FF00" var Color3 = "#0000FF" // the color if/when turned off var ColorX = "#C0C0C0" var i = 0; function doTriStateRainbow(){ if (document.all){ if (DoIt){ i++; if (i==1) C = Color1 if (i==2) C = Color2 if (i==3) C = Color3 document.body.style.scrollbarBaseColor = C if (i>2) i=0; timer=setTimeout('doTriStateRainbow()', rate) }else{ document.body.style.scrollbarBaseColor = ColorX } } } </script> <body onload="doTriStateRainbow()"> Blinkende Scroll-Leiste aus und an schalten<BR> <a href="#" onClick="DoIt=false">AUS</a> / <a href="#" onClick="DoIt=true;doTriStateRainbow()">AN</a> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> </body></html> Scrollbar wechselt ständig die Farbe
___________________
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin if (document.all) { //Folgendes kann angepasst werden yourLogo = "---Willkommen lieber Besucher--- "; //Mehr als 2 Zeichen! logoFont = "Arial"; logoColor = "#FFFFFF"; //ab hier nichts mehr ändern! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 150; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('><div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --</script> </textarea><br></font><font size="2"><br> </font><font face="MS Serif"> <a name="3 D Text um den Cursor" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"> <font color="#000000" size="2">3 D Text um den Cursor</font></a></font><font size="2"> kreisend. Text kann beliebig geändert werden.</font></b></p> <p align="left"><b><font face="MS Serif"> <a href="../bspl_2.htm" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"><font color="#000000" size="2">Klicke HIER um Beispiel zu sehen!</font></a></font><font size="2"><br> </font></b> <font face="MS Serif" color="#FF0000"> <span style="background-color: #FF9933; font-weight:700"> <font color="#FFFF00"> <a href="#nach oben" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"> <font color="#000000" size="2"> - Nach oben</font></a></font></span></font><p align="left"> <b><font size="2"> <!--- Start HTML-Code superclix.de Partnerprogramm 1093/4814 ---> <!--- Ende HTML-Code superclix.de Partnerprogramm 1093/4814 ---></font></b></p> <p align="left"> <b> <font size="3"> <br><hr><br><textarea rows="4" name="S2" cols="44">In den HEAD Tag <STYLE> <!-- BODY{ scrollbar-face-color:#EFC8C1; scrollbar-arrow-color:#6f6f6f; scrollbar-track-color:#B5AEB8; scrollbar-shadow-color:#272333; scrollbar-highlight-color:''; scrollbar-3dlight-color:''; scrollbar-darkshadow-Color:''; } --> </STYLE> Bunte Scrollleiste
