Fading Scrollbar

Beim IE ab Version 5.0 kann man die Scrollbar im Layout der
Webseite anpassen. Hier sind alle Farben möglich.
Auch Scripte, die beim Scrollen die Farbe verändern,
gibt es schon.

Hier eine neue Version, in dem man die Scrollbar in einer
Farbenfolge faden lassen kann.

Hier gehts zur Demo

HTML-Einbindung
   <script language="JavaScript">  function eightb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("one()",100); } </script> <script language="JavaScript"> function sevenb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("eightb()",100); } </script> <script language="JavaScript"> function sixb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("sevenb()",100); } </script> <script language="JavaScript"> function fiveb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("sixb()",100); } </script> <script language="JavaScript"> function fourb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("fiveb()",100); } </script> <script language="JavaScript"> function threeb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("fourb()",100); } </script> <script language="JavaScript"> function twob() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("threeb()",100); } </script> <script language="JavaScript"> function oneb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000090"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00001b"; } setTimeout("twob()",100); } </script> <script language="JavaScript"> function eight() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("oneb()",100); } </script> <script language="JavaScript"> function seven() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("eight()",100); } </script> <script language="JavaScript"> function six() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("seven()",100); } </script> <script language="JavaScript"> function five() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("six()",100); } </script> <script language="JavaScript"> function four() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("five()",100); } </script> <script language="JavaScript"> function three() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("four()",100); } </script> <script language="JavaScript"> function two() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("three()",100); } </script> <script language="JavaScript"> function one() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000010"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00009b"; } setTimeout("two()",100); } </script> <script language="JavaScript"> setTimeout("one()",400); </script> </p> <p> </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p> <p class="tabueb">Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - Testtext - </p>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"