Pamokos

Siuntiniai

Jūsų puslapiui

Dovanojame!

Skelbimas

New Tutorials Slankties juostos efektas

Autorius: Svecias  Data: 2005-04-30 00:49:48 
Lygis: Pradedantiems  Pamatė: 1644 
Versija:    


Demonstracinė versija

Žr. į slankiąją juostą (scroll bar)

Scenarijus

1. Įterpkite scenarijų tarp <head> ir </head>:


<SCRIPT language=JavaScript>

<!--

var scrollPct, prevStep, nextStep, interStep

steps = new Array();

steps[0] = new Array(155,155,155);

steps[1] = new Array(255,0,0);

steps[2] = new Array(255,255,0);

steps[3] = new Array(0,255,0);

steps[4] = new Array(0,255,255);

steps[5] = new Array(0,0,255);

steps[6] = new Array(255,0,255);

steps[7] = new Array(255,0,0);

steps[8] = new Array(255,255,255);


function newColor(chan) {

var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan]));

return i;

}


function scrollFunk() {

scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight);

prevStep=Math.floor(scrollPct);

nextStep=Math.ceil(scrollPct);

interStep=scrollPct-prevStep;

var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")";

var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")";

if (document.body.style.scrollbarTrackColor != null) {

document.body.style.scrollbarFaceColor=newRGB;

document.body.style.scrollbarTrackColor=invRGB;

}

}


window.onscroll=scrollFunk;

//-->

</SCRIPT>



Reklama

Draugų nuorodos

Statistika

pamokų: 473
siuntinių: 315
vartotojų: 7550
autorių: 66
naršo: 0 + 3

Keiskis.lt