Texto Creciente: efecto zoom

El script Como funciona
 <script language="javascript">
var marco=null;
function crecerTxt(idmarco, vel, mn, mx)
{
if (!marco){
marco = document.getElementById(idmarco)
marco.tam = mn;
marco.mx = mx
}
marco.style.fontSize = marco.tam;
if (marco.tam < marco.mx)
setTimeout("crecerTxt(marco,"+vel+")",vel);
marco.tam++

}

</script>

 Este es el script que se colocará en la sección HEAD. La función crecerTxt lleva como argumentos un nombre de un bloque div de la página web, la rapidez con que debe crecer el texto y el tamaño mínimo y máximo que alcanzará éste. La primera vez que se llama a esta función lleva los cuatro valores entre paréntesis, y en ese momento crea el objeto dinámico al que llamamos marco. Le asigna dos campos uno para anotar el valor máximo que puede alcanzar y otro en el que nota el tamaño actual. Luego asigna el tamaño al argumento style.fontSize. Si el tamaño no llega al máximo vuelve a llamar a la función al cabo de un cierto tiempo marcado por el valor del segundo atributo vel.
La sucesivas llamadas a la función solo usa el primer argumento con el objeto DHTML que contiene al texto que crece (marco) y el tiempo que dbe transcurrir para volver a actualizar el tamaño del texto. Este es un magnífico ejemplo de modificaciones de atributos de texto y de uso de la función setTimeout
La página Como se usa
 <body onload="crecerTxt('marco',5,2,50)">
<div id="marco" >Contenido ampliable</div>
</body>
 Así de sencillo. Un amrco o elemento <DIV> con el texto que debe crecer y un identificador.
   
El script en funcionamiento

Contenido ampliable




Pulsa para verlo funcionando
 
     
Envía esta página a un amigo. Te lo agradecerá.   Poner esta página como página de inicio