
Texto que "anda" dentro
de caixinhas
Para conseguir um efeito de um texto que "anda" dentro
de caixinhas, como se pode observar neste
exemplo, faça o seguinte:
1. Abra uma nova mensagem;
2. Clique na aba "Origem";
3. Cole o seguinte código:
<!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.2800.1106" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY text=#000000 bgColor=#ffffff >
<SCRIPT language=javascript>
function drip(){
wordy="Escrever aqui a mensagem";
document.hey.a.value="";
document.hey.b.value="";
document.hey.c.value="";
document.hey.d.value="";
word="";
beat=0;
aa=0;
bb=0;
cc=0;
dd=0;
lo=wordy.length;
drop();
}
function drop(){
if(beat<=lo*3+1){
beat=beat+1;
if(beat<=1){
document.hey.a.value=wordy;
}
if(beat>1&&beat<=lo+1){
fin="";
aa=aa+1;
for(var x=0;x<=aa-1;x++){
fin=fin+" ";
}
fin=fin+wordy.substring(aa,lo);
document.hey.a.value=fin;
document.hey.b.value=wordy.substring(0,aa);
}
if(beat>lo+1&&beat<=lo*2+1){
fin="";
bb=bb+1;
for(var x=0;x<=bb-1;x++){
fin=fin+" ";
}
fin=fin+wordy.substring(bb,lo);
document.hey.b.value=fin;
document.hey.c.value=wordy.substring(0,bb);
}
if(beat>lo*2+1&&beat<=lo*3+1){
fin="";
cc=cc+1;
for(var x=0;x<=cc-1;x++){
fin=fin+" ";
}
fin=fin+wordy.substring(cc,lo);
document.hey.c.value=fin;
document.hey.d.value=wordy.substring(0,cc);
}
setTimeout("drop()",200);
}
else{
document.hey.d.value=wordy;
}
}
</SCRIPT>
<BR>
<CENTER></CENTER>
<FORM name=hey>
<DIV align=left><INPUT size=30
name=a> <BR><INPUT size=30
name=b> <BR><INPUT
size=30 name=c> <BR><INPUT
size=30 name=d> <BR><INPUT
onclick=drip() type=button value=Clique name=start>
<BR><BR><BR></DIV></FORM>
</BODY></HTML>
Agora basta substituir o que está em vermelho por sua mensagem
.
Você pode alterar o tamanho das caixinhas, mudando os valores
que estão em verde. (Obs.:quanto maior o valor, maior será
a caixinha.)
Aqui
você encontra a versão prontinha para e-mail dessa
tabela. Está zipada
no formato .eml (próprio para o Outlook Express)
(Dica adaptada por Lilian Russo)
Lilian Russo - Todos os Direitos Reservados - ©2002/2008
|