<script language="JavaScript">
<!--Credit:Riza Çelik --!>
<!--E-mail:riza@post.com --!>
<!--web page:http://webscroll.virtualave.net/ --!>
<!--web page: http://webscroll.virtualave.net --!>
function scroll(name)
{
    var tm, bar, layer, bar_props, prop_tbl, prop_name, prop_value, n_bar, n_prop;
    var frame, nkeyfrm, startfrm, endfrm, f, i, j;
    var is_netscape = navigator.appName == "Netscape";

    if (document.scrollTime == null)
        scrollTime_Init();

    tm = document.scrollTime[name];
    if (tm == null) return;

    frame = ++tm.curframe;
    if (frame > tm.lastframe) {
        tm.curframe = 0;
        if (!tm.loop) return;
    }

    n_bar = tm.length;
    for (i=0; i < n_bar; i++) {
        bar = tm[i];
        if (bar == null) continue;

        nkeyfrm  = bar.keyframes.length;
        startfrm = bar.keyframes[0];
        endfrm   = bar.keyframes[nkeyfrm-1];
        if (frame < startfrm || frame > endfrm) continue;
        f        = frame - startfrm;

        bar_props = bar.props;
        if (bar_props == null) continue;
        n_prop    = bar_props.length;

        layer = bar.layer;
        if (layer == null) continue;

        for (j=0; j < n_prop; j++) {
             prop_tbl   = bar_props[j];
             prop_name  = prop_tbl.prop;
             prop_value = prop_tbl[f];
             if (is_netscape)
                 layer[prop_name] = prop_value;
             else
                 layer.style[prop_name] = prop_value;
        }
    }

    setTimeout('scroll("' + name + '")', tm.delay);
}

function scrollTime_Init()
{
    var tm, bar;
    var is_netscape = navigator.appName == "Netscape";

    document.scrollTime = new Array(1);
    document.scrollTime[0] = new Array(10);
    tm = document.scrollTime[0];
    document.scrollTime["scrolltools"] = tm;
    tm.name = "scrolltools";
    tm.fps = 15;

    document.scrollTime[0][0] = new String("data");
    bar = document.scrollTime[0][0];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer1"];
    else
        bar.layer = document.all ? document.all["layer1"] : null;
    bar.keyframes = new Array(1, 16);
    bar.props = new Array(6);
    bar.props[0] = new Array(19,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(-42,-17,7,32,56,81,106,130,155,180,204,229,254,278,303,328);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200
,200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,199,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][1] = new String("data");
    bar = document.scrollTime[0][1];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer1"];
    else
        bar.layer = document.all ? document.all["layer1"] : null;
    bar.keyframes = new Array(17, 32);
    bar.props = new Array(6);
    bar.props[0] = new Array(20,19,19,19,19,19,19,19,19,19,19,19,19,19,19,19);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(328,309,291,272,254,236,217,
199,180,162,144,125,107,88,70,52);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][2] = new String("data");
    bar = document.scrollTime[0][2];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer2"];
    else
        bar.layer = document.all ? document.all["layer2"] : null;
    bar.keyframes = new Array(33, 48);
    bar.props = new Array(6);
    bar.props[0] = new Array(20,19,19,19,18,18,18,18,17,17,17,17,16,16,16,16);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(-94,-66,-38,-10,17,45,72,100,128,156,184,211,239,267,295,323);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][3] = new String("data");
    bar = document.scrollTime[0][3];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer2"];
    else
        bar.layer = document.all ? document.all["layer2"] : null;
    bar.keyframes = new Array(49, 64);
    bar.props = new Array(6);
    bar.props[0] = new Array(16,16,16,16,16,17,17,17,17,17,18,18,18,18,18,19);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(323,306,290,274,258,242,226,210,
194,178,162,146,130,114,98,82);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][4] = new String("data");
    bar = document.scrollTime[0][4];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer3"];
    else
        bar.layer = document.all ? document.all["layer3"] : null;
    bar.keyframes = new Array(65, 80);
    bar.props = new Array(6);
    bar.props[0] = new Array(19,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(-63,-37,-11,15,41,67,93,119,145,171,197,223,249,275,301,327);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200,200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][5] = new String("data");
    bar = document.scrollTime[0][5];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer3"];
    else
        bar.layer = document.all ? document.all["layer3"] : null;
    bar.keyframes = new Array(81, 96);
    bar.props = new Array(6);
    bar.props[0] = new Array(18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(327,312,298,284,270,256,241,227,213,199,185,170,156,142,128,114);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200,200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][6] = new String("data");
    bar = document.scrollTime[0][6];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer4"];
    else
        bar.layer = document.all ? document.all["layer4"] : null;
    bar.keyframes = new Array(97, 112);
    bar.props = new Array(6);
    bar.props[0] = new Array(19,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(-63,-37,-11,15,41,67,93,119,145,171,197,223,249,275,301,327);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200,200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][7] = new String("data");
    bar = document.scrollTime[0][7];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer4"];
    else
        bar.layer = document.all ? document.all["layer4"] : null;
    bar.keyframes = new Array(113, 128);
    bar.props = new Array(6);
    bar.props[0] = new Array(18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(327,314,302,290,277,265,253,241,
228,216,204,192,179,167,155,143);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][8] = new String("data");
    bar = document.scrollTime[0][8];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer5"];
    else
        bar.layer = document.all ?
 document.all["layer5"] : null;
    bar.keyframes = new Array(129, 144);
    bar.props = new Array(6);
    bar.props[0] = new Array(18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(-78,-50,-22,4,32,59,87,114,142,169,197,224,252,279,307,335);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(200,199,199,199,199,199,199,
199,198,198,198,198,198,198,198,198);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,199,199,200,200,200,200,200,
200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";

    document.scrollTime[0][9] = new String("data");
    bar = document.scrollTime[0][9];
    bar.track = 1;
    if (is_netscape)
        bar.layer = document["layer5"];
    else
        bar.layer = document.all ? document.all["layer5"] : null;
    bar.keyframes = new Array(145, 160);
    bar.props = new Array(6);
    bar.props[0] = new Array(18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18);
    bar.props[0].prop = "left";
    bar.props[1] = new Array(335,324,313,302,292,281,270
,259,249,238,227,216,206,195,184,174);
    bar.props[1].prop = "top";
    bar.props[2] = new Array(198,198,198,198,198,198,198
,198,198,198,198,198,198,198,198,198);
    bar.props[2].prop = "width";
    bar.props[3] = new Array(200,200,200,200,200,200,200,
200,200,200,200,200,200,200,200,200);
    bar.props[3].prop = "height";
    bar.props[4] = new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
    bar.props[4].prop = "zIndex";
    bar.props[5] = new Array("inherit","inherit","inherit","inherit","inherit","inherit","inherit",
"inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit","inherit");
    bar.props[5].prop = "visibility";
    tm.lastframe = 160;
    tm.curframe = 0;
    tm.delay = 1000 / tm.fps;
    tm.loop = false;
}
// -->
</script>
2.Adım:BODY tag'ının içindeki kod aşağıdaki gibi olacaktır.Kırmızı yazılar.

<body onload="scroll('scrolltools');">

3.Adım:Aşağıdaki kodlar <body> tagından sonra yazılacaktır..

<p><div id="layer5" style="position:absolute; left:18px; top:-78px; width:200px; height:200px; z-index:1; border-width:1px; border-style:none;">
    <p><a href="#"><font face="Arial Black,Arial Black" size="5"
     color="aqua"><b>SCOLL</b></font></a></p>
</div><div id="layer4" style="position:absolute; left:19px; top:-63px; width:200px; height:200px; z-index:1; border-width:1px; border-style:none;">
    <p><a href="#"><font face="Arial Black,Arial Black" size="5"
     color="green"><b>SCROLL</b></font></a></p>
</div><div id="layer3" style="position:absolute; left:19px; top:-63px; width:200px; height:200px; z-index:1; border-width:1px; border-style:none;">
    <p><font face="Arial Black,Arial Black" size="5" color="yellow"><b>SCROLL</b></font></p>
</div><div id="layer2" style="position:absolute; left:20px; top:-94px; width:200px; height:200px; z-index:1; border-width:1px; border-style:none;">
    <p><a href="#"><font face="Arial Black,Arial Black" size="5"
     color="blue"><b>SCROLL</b></font></a></p>
</div><div id="layer1" style="position:absolute; left:19px; top:-42px; width:200px; height:200px; z-index:1; border-width:1px; border-style:none;">
    <p><a href="#"><font face="Arial Black,Arial Black" size="5"
     color="red"><b>SCROLL</b></font></a></p>
</div></p>
  4.Adım:sayfada görünecek menü yazılarını yukarıda mavi yazılar ve sayfa bağlantılarını eklemek için gereken eklemeleri ise sarı renkler temsil etmekte,bunları isteğinize göre değiştirmeniz gerekmektedir.Yazıların büyüklük değerlerini size="" değeri renkleri color="" değerleri belirler.Tırnakların arasına istenilen değerlerinizi girerek istediğiniz değişikliği yapın.