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




.