sexta-feira, 2 de dezembro de 2011

Como fazer uma animação em um texto usando javascript

Enviado em 14:21 - por Diguinho - Marcadores : , ,

Esse código javascript é ideal para quem quer fazer uma animação em seu texto.

Nao se esqueça de colocar seu texto onde esta escrito "COLOQUE SEU TEXTO AQUI" no código javascript

<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["texto"].top=yp;
else document.all["texto"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.texto.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
texto.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
// --></script> 

<div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;"> 
<p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="#990000">COLOQUE SEU TEXTO AQUI</font></b></font></p>
</div> 

<script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>

Ideal para usuários de nível médio ou avançado.

Lembre-se: não basta copiar e colar, você deve editar de acordo com o que se planeja.

Boa sorte!

Sobre o autor
Gabriel Medina é o autor deste blog, atualmente estuda eng. elétrica, ama jogar damas, assistir desenhos, filmes e séries, além de praticar esportes saudaveis.
Inscrever-se neste Blog via Email :

0 Comentários:

© 2017 Webzoon. Designed by Bloggertheme9
Powered by Blogger.
back to top