: : SCRIPTS HELP : :  O Futuro do Web Design
 

 

 

:: Principal
 :: Downloads
 :: Apostilas
 :: Tutoriais
 :: ASP
 :: CGI
 :: CSS
 :: DHTML

 :: FLASH

 :: JAVA
 :: JAVA APPLET

 :: CURSO HTML
 :: CURSO JAVA SCRIPT
 :: PHP
 :: Destaques
 :: Script do mês


 

 

 :: Concurso
 :: Anuncie

 :: Parceria
 :: Fale Conosco
 :: Tire sua Dúvida

 

 

 

 

 

 

 

 

 

 

 

<<< voltar

:: JAVA SCRIPT ::                          

 

Java Script - Texto Animado


Descrição:
Este script possibilita você colocar uma mensagem que ficará subindo e descendo na sua tela.

Passo1: Insira este código dentro da seção <body> da sua página:

<script language="JavaScript">
/*Script de Texto Animado 
scriptshelp - O Seu Portal 
www.scriptshelp.com.br
*/

<!--
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: #yellow; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;"> 
<p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="yellow">GEEK BRASIL</font></b></font></p>
</div>

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