Agréganos a tus favoritos

Add to Google

Add to My Yahoo!

Código de texto dinámico que aumenta de tamaño

Búsqueda personalizada

Con este código podrás agregar a tu sitio, blog o espacio Web donde un texto dinámico que aumenta de tamaño. Funciona tanto para Firefox como IExplorer.

Ejemplo:

Código:

Este script debe ir entre las tags <head> y </head> de tú página:

<script language="javascript" type="text/javascript">
// Texto dinamico
//
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en: www.buscate.com.mx

// Aquí la velocidad, cuanto menos, más rápido
var velocidad = 25;
// Velocidad de ciclo, igual que antes
var ciclo = 1000;
// Tamaño máximo de la fuente
var maximo = 25;

// Mensajes a mostrar, pon cuantos quieras
var mensajes = new Array();
mensajes[0] = "Mensaje y/o texto que deseas mostrar";
mensajes[1] = "Mensaje y/o texto que deseas mostrar";
mensajes[2] = "Mensaje y/o texto que deseas mostrar";

var mensaje;
var fuente;
var finfuente = "</FONT>";
var y = 0;
var x = 0;

function Aumento() {
mensaje = mensajes[y];
if ( x < maximo ) {
x++;
setTimeout("Aumento()", velocidad);
} else
setTimeout("Abajo()", ciclo);

Comprueba_Escribe();
}

function Abajo() {
if ( x > 1 ) {
x--;
setTimeout("Abajo()", velocidad);
} else {
setTimeout("Aumento()", ciclo);
y++;
if (y > mensajes.length - 1)
y = 0;
}
Comprueba_Escribe();
}

function Comprueba_Escribe() {
if(document.layers) {
fuente = "<font point-size='"+x+"pt'>";
document.capa.document.write(fuente+"<center>"+mensaje+"</center>"+finfuente);
document.capa.document.close();
} else if (document.all) {
capa.innerHTML = "<center>"+mensaje+"</center>";
capa.style.fontSize=x+'px';
} else if (document.getElementById) {
document.getElementById("capa").innerHTML = "<center>"+mensaje+"</center>";
document.getElementById("capa").style.fontSize=x+'px';
}
}
</script>

 

Código:

Es necesario añadir el siguiente código a la página, entre <body> y </body>:

<script type="text/javascript" language="javascript">
if (document.layers)
document.write('<LAYER id="capa"></LAYER>');
else if (document.all || document.getElementById)
document.write('<DIV id="capa"></DIV>');
else
document.write('<p>Efecto no soportado</p>');

setTimeout("Aumento()", velocidad);
</script>

En las partes del código que mostramos en color rojo corresponden a los valores que puedes cambiar.

© Copyright 2008 ESH OnLine