HOME | CONTACT | TESTIMONIALS | ABOUT US |  ON-LINE STORE      

 

At ReWritables, you'll find hundreds of free resources including Java Scripts, HTML Tips and tricks and more. 
Our Free banner gallery has hundreds of free images.  Need custom animation, graphics design or web site 
graphics?  We'll be glad to help!

 

JavaScript Color Scroll Bar

Here's a great script to add color to your Internet Explorer Scrollbar!

 

<!-- Paste this code into the HEAD of your HTML document -->



<HEAD>



<SCRIPT LANGUAGE="JavaScript">





<!-- free javascripts at www.rewritables.net -->



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 langauge="javascript">
setTimeout("one()",500);
</script>

MORE
FREE STUFF!

 

Terms of Use | Press Room | About Us | Contact Us | Feedback

Copyright©2003 ReWritables Incorporated