/    Sign up×
Community /Pin to ProfileBookmark

Help With The Scroll Bar!!!!

Copy linkTweet thisAlerts:
Mar 23.2003

I got this script to change the color of the scroll bar on my site. It works great until I put a background picture on the page. Then the mouse flickers a bit and has a waiting glass flicker next to the mouse. Is there a way to make this script work with a background picture??? I am using this script

<!– ONE STEP TO INSTALL COLOR CHANGING FLASH SCROLLBAR:

  • 1. Copy the coding into the HEAD of your HTML document –>

    • <!– STEP ONE: Paste this code into the HEAD of your HTML document –>

    <HEAD>

    <SCRIPT LANGUAGE=”JavaScript”>

    <!– This script and many more are available free online at –>

    <!– The JavaScript Source!! http://javascript.internet.com –>

    <!– Original: Adrese Ramsaran –>

    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>

    <p><center>

    <font face=”arial, helvetica” size”-2″>Free JavaScripts provided<br>

    by <a href=”http://javascriptsource.com”>The JavaScript Source</a></font>

    </center><p>

    <!– Script Size: 6.75 KB –>

    to post a comment
    JavaScript

    5 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @rkmarcksMar 24.2003 — If you must have rotating colors on your scrollbar, then you probably should increase the value of your setTimeout() interval. The setTimeout('xxxx',100) means run code xxxx after 100 milliseconds (0.1 s)! change these values to 1000 or greater. A value of 1000 will decrease rotation time to 1s intervals.

    You'll probably be quite happy by placing the following line of code in the head of your html document:

    <style>BODY { scrollbar-base-color: #006600;}</style>

    This will give you static colors. Other CSS attributes for the scrollbar are:

    scrollbar-face-color: #color;

    scrollbar-shadow-color: #color;

    scrollbar-highlight-color: #color;

    scrollbar-3dlight-color: #color;

    scrollbar-darkshadow-color: #color;

    scrollbar-track-color: #color;

    scrollbar-arrow-color: #color

    so you can also do this:

    <style>BODY { scrollbar-base-color: #006600; scrollbar-track-color: #99b09f; scrollbar-arrow color: #ffffff;}</style>

    or any combination thereof.

    RKM
    Copy linkTweet thisAlerts:
    @MartinaMar 24.2003 — Hi Newbie'

    I'm kinda a "newbie" too! But I think I have the answer for you!

    I am using a code on my site for the colored scrollbar, and it working just fine, and it's much shorter than the one you are using.

    You can check out my site at elle.mysitespace.com so you can see how it looks.

    Here is the code:



    <!--------style sheet for scroll bar begins here----->

    <style>

    body {

    scrollbar-3d-light-color:#999999;

    scrollbar-arrow-color:#FFFFCC;

    scrollbar-base-color:pink;

    scrollbar-dark-shadow-color:#333333;

    scrollbar-face-color:#38B0DE;

    scrollbar-highlight-color:#999999;

    scrollbar-shadow-color:pink}

    </style>

    <!--------style sheet for scroll bar ends here----->



    That's it! Just change the colors to whatever you want.


    Good Luck! :-)
    Copy linkTweet thisAlerts:
    @MartinaMar 24.2003 — ....me again, ok I don't know what happened there with those smilie faces in the code, they are obviously not supposed to be there!

    It's supposed to read like this (minus the extra space where the smilies showed up) :


    <!--------style sheet for scroll bar begins here----->

    <style>

    body {

    scrollbar-3d-light-color:#999999;

    scrollbar-arrow-color:#FFFFCC;

    scrollbar-base-color : pink;

    scrollbar-dark-shadow-color:#333333;

    scrollbar-face-color:#38B0DE;

    scrollbar-highlight-color:#999999;

    scrollbar-shadow-color : pink}

    </style>

    <!--------style sheet for scroll bar ends here----->


    Good Luck!

    Martina
    Copy linkTweet thisAlerts:
    @Newbie101authorMar 25.2003 — Thank you for the help. I changed the timeout to 9999999 and it works fine now.
    Copy linkTweet thisAlerts:
    @MartinaMar 25.2003 — To Newbie,

    you know...I realized later that you were going for a totally different effect on the scroll bar thing...some kind of Flash thing I see now, so sorry, my code was just for coloring the scroll bar different colors. And I thought I would be to some help...oh well, I tried. At least I got an interesting Flash code out of it that I'm gonna go and try! ?

    I'm glad things worked out for you.

    Martina
    ×

    Success!

    Help @Newbie101 spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.19,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...