Scrollbars

Main >> Content >> HTML >> Scrollbars

Pink Scrollbar:

Orange Scrollbar:

Purple Scrollbar:

Red Scrollbar:

Green Scrollbar:

Yellow Scrollbar:

Black Scrollbar:

Blue Scrollbar:

No scrollbar:

Blinking colorfull scrollbar:

Blinking blue and black scrollbar:

<HEAD>

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()",500);

</SCRIPT>

</CENTER><P>

</HEAD>

Left side scrollbar:

Scrollbars

Main >> Content >> HTML >> Scrollbars

Welcome

Follow me

Affiliates

Categories

Archives