Curso de Formatação Intermediário- Lição
16
Barra de Rolagem "piscante"
Existe um efeito bonitinho para a barra de rolagem. Basta usarmos
um script para isso.
Para conseguir um efeito colorido "piscante" na barra
de rolagem, como neste
exemplo, 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>
<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)
Tarefa:
Nem preciso dizer que esta tarefa é para colorir de uma
forma diferente a barra de rolagem, não é?
Muito bem. Faça o seguinte: Escolha uma cor de fundo para
ser o back de sua mensagem e aplique o efeito de barra de rolagem
colorida "piscante", usando duas cores que combinem com
a cor de fundo de seu e-mail. Escolha uma fonte e uma cor que deixe
a mensagem legível, insira seu cartão de visitas e
envie o e-mail para o grupo.
Endereço do grupo: tutorial_emails@yahoogrupos.com.br
Lembre-se de indicar no campo Assunto: Nome do aluno, Nível
e Número da lição. Caso a lição
tenha sido refeita, inclua a palavra "refeita".
Lição elaborada por Lilian Russo
Lilian Russo - Todos os Direitos Reservados - ©2002/2008
|
