Efeito na cor da barra de rolagem

 



Este efeito só funciona em Outlook Express 5 ou superior (ou Internet Explorer 6 ou superior).

Para conseguir um efeito colorido "piscante" na barra de rolagem, faça o seguinte:


1.Abra uma nova mensagem.

2. Clique em "Origem"

3. Coloque o script abaixo depois da tag <body>

<SCRIPT language=JavaScript1.2>
var linkexchangefreq=Math.floor(Math.random()*11)
if (linkexchangefreq>5)
document.write('<style>.linkexchange{display:none}</style>')
</SCRIPT>
<B><I><FONT color=#ffffff size=4></FONT></I></B>
<P></P>
<P><FONT face="Comic Sans MS" size=5></FONT>&nbsp;</P>
<DIV align=center>
<CENTER>&nbsp;</CENTER>
<SCRIPT language=javascript>
<!--

var begcolor='#E4BEEE';
var endcolor='#BB64D4';
var steps=2;
var delay=200;

if(document.all && document.getElementById){

document.body.style.scrollbarBaseColor=begcolor;

function colorset(num){
this.beg=parseInt('0x'+begcolor.substring(num,num+2));
this.end=parseInt('0x'+endcolor.substring(num,num+2));
this.up=this.startup=(this.end>=this.beg)? true : false;
this.incr=Math.abs(this.end-this.beg)/steps;
this.current=this.beg;
}
function changecolors(){
var color=new Array();
for(i=1;i<=3; i++){
(data[i].up)? data[i].current+=data[i].incr : data[i].current-=data[i].incr;
if(data[i].startup){
if(data[i].current>=data[i].end){ data[i].up=false; data[i].current=data[i].end}
if(data[i].current<=data[i].beg){ data[i].up=true; data[i].current=data[i].beg }
}
if(!data[i].startup){
if(data[i].current<=data[i].end){ data[i].up=true; data[i].current=data[i].end}
if(data[i].current>=data[i].beg){ data[i].up=false; data[i].current=data[i].beg}
}
color[i]=data[i].current;
}
color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];
color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];
color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];
document.body.style.scrollbarBaseColor='#'+color[4]+color[5]+color[6];
//document.bgColor='#'+color[4]+color[5]+color[6];
}
var data=new Array();
for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j);
window.onload=function(){ setInterval('changecolors()',delay) }
}

//-->
</SCRIPT>

Obs.: Você pode alterar as cores, colocando o código da nova cor nos itens

var begcolor='#402C28';
var endcolor='#C08860';

O efeito só pode ser visto, depois que você clicar em "Visualizar".

(Veja Tabela de Cores)

Se você quiser o código completo, apague tudo o que estiver na aba "Origem" e cole o código que está aqui abaixo:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content=text/html;charset=iso-8859-1>
<META content="MSHTML 6.00.2600.0" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY text=#7b151b vLink=#4c3634 link=#4c3634 bgColor=#ffffff leftMargin=0
background= topMargin=0>
<SCRIPT language=JavaScript1.2>
var linkexchangefreq=Math.floor(Math.random()*11)
if (linkexchangefreq>5)
document.write('<style>.linkexchange{display:none}</style>')
</SCRIPT>
<B><I><FONT color=#ffffff size=4></FONT></I></B>
<P></P>
<P><FONT face="Comic Sans MS" size=5></FONT>&nbsp;</P>
<DIV align=center>
<CENTER>&nbsp;</CENTER>
<SCRIPT language=javascript>
<!--

var begcolor='#E4BEEE';
var endcolor='#BB64D4';
var steps=2;
var delay=200;

if(document.all && document.getElementById){

document.body.style.scrollbarBaseColor=begcolor;

function colorset(num){
this.beg=parseInt('0x'+begcolor.substring(num,num+2));
this.end=parseInt('0x'+endcolor.substring(num,num+2));
this.up=this.startup=(this.end>=this.beg)? true : false;
this.incr=Math.abs(this.end-this.beg)/steps;
this.current=this.beg;
}
function changecolors(){
var color=new Array();
for(i=1;i<=3; i++){
(data[i].up)? data[i].current+=data[i].incr : data[i].current-=data[i].incr;
if(data[i].startup){
if(data[i].current>=data[i].end){ data[i].up=false; data[i].current=data[i].end}
if(data[i].current<=data[i].beg){ data[i].up=true; data[i].current=data[i].beg }
}
if(!data[i].startup){
if(data[i].current<=data[i].end){ data[i].up=true; data[i].current=data[i].end}
if(data[i].current>=data[i].beg){ data[i].up=false; data[i].current=data[i].beg}
}
color[i]=data[i].current;
}
color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];
color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];
color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];
document.body.style.scrollbarBaseColor='#'+color[4]+color[5]+color[6];
//document.bgColor='#'+color[4]+color[5]+color[6];
}
var data=new Array();
for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j);
window.onload=function(){ setInterval('changecolors()',delay) }
}

//-->
</SCRIPT>
</DIV></BODY></HTML>


 

 

Se você quiser, pode voltar à aba "Editar" e formatar o plano de fundo.

Lembre-se de que o efeito só pode ser visto quando cliamos em "Visualizar".