Ejemplos en Javascript
Textbox Bounce
Texto que rebota de un lado a otro de un campo text de formulario
<HTML>
<HEAD>
<TITLE>Ejemplos Javascript: ejemplo prÃ?Æ?Ã?¡ctico </TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT>
// Declare all Local Variables Here
Size2 = 60;
Pos2 = Size2;
Vel2 = 2;
Dir2 = 2;
Message2="Mensaje 1";
Size2-=Message2.length;
function Bouncer(){
Dir2==2 ? Pos2-=Vel2 : Pos2+=Vel2;
if (Pos2 < 1){
Dir2=1;
Pos2=1;
}
if (Pos2 > Size2){
Dir2=2;
Pos2=Size2;
}
Space2 = "";
for (count=1; count<Pos2; count++){
Space2+= " ";
}
document.PANEL2.Bar2.value = Space2 + Message2;
setTimeout( 'Bouncer();', 100);
}
</SCRIPT>
</HEAD>
<BODY bgcolor="white" ONLOAD="Bouncer()">
<FORM NAME=PANEL2>
<INPUT Size=50 Name=Bar2 Value="*********************************************************************************">
</FORM>
</body>
</html>
<HEAD>
<TITLE>Ejemplos Javascript: ejemplo prÃ?Æ?Ã?¡ctico </TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT>
// Declare all Local Variables Here
Size2 = 60;
Pos2 = Size2;
Vel2 = 2;
Dir2 = 2;
Message2="Mensaje 1";
Size2-=Message2.length;
function Bouncer(){
Dir2==2 ? Pos2-=Vel2 : Pos2+=Vel2;
if (Pos2 < 1){
Dir2=1;
Pos2=1;
}
if (Pos2 > Size2){
Dir2=2;
Pos2=Size2;
}
Space2 = "";
for (count=1; count<Pos2; count++){
Space2+= " ";
}
document.PANEL2.Bar2.value = Space2 + Message2;
setTimeout( 'Bouncer();', 100);
}
</SCRIPT>
</HEAD>
<BODY bgcolor="white" ONLOAD="Bouncer()">
<FORM NAME=PANEL2>
<INPUT Size=50 Name=Bar2 Value="*********************************************************************************">
</FORM>
</body>
</html>
Animaci?exto
- Insertar banner
- Mensaje typer de formulario
- Mensaje desde campo Textarea
- Mensajes tipo máquina de escribir
- Máquina de escribir
- Animación de texto en un campo text
- Letras dinámicas
- Texto animado con un pequeño editor
- Mensajes textuales dentro de un banner
- Eco
- Textbox Bounce
- Texto animado que se desliza
- Efecto "drip"
- Efecto Zipper
- Efecto "falling"
- Transferidor de texto
- Transferidor de texto, sin botón