SCROLBAR COM EFEITO MOVE COLOR !!!!

Publicado por Perfil removido 12/04/2005

[ Hits: 5.248 ]

Download SCROLBARS.htm




Barra Que muda de cor simultaneamente quando vc a move!

  



Esconder código-fonte

<SCRIPT language="JScript">
<!--
var scrollPct, prevStep, nextStep, interStep
steps = new Array();
steps[0] = new Array(245,231,196);
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);
   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>

Scripts recomendados

Mundando a classe css de uma tag dinamicamente

Trocar imagem quando o mouse estiver em cima da imagem

Jogo da Velha com JavaScript e SVG

Calculadora Bem Legal box shadow e border Radius

Transparência no CSS


  

Comentários
[1] Comentário enviado por nexushu em 01/12/2005 - 21:06h

Cara gostei do Script muito bom mesmo


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts