El sitio más completo sobre programación, recursos web y herramientas online para Webmasters
Fecha: 22/01/2003

text effects wave javascript

codigo que muestra un text que al aumentar y disminuir el tamaño del text simula el efecto de una ola. Muy bueno!

Código Javascript


<body onload="doWave(0)">
<script type="text/javascript">
//put your text here
var theText = "Miguel Achá";
function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}
function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
<div ID="theDiv" align="center">
</div>
</body>

text effects wave javascript Categoría: Javascript, Efectos texto

Compartir text effects wave javascript en Facebook Twitter MySpace del.icio.us fresqui Meneame


Scripts Similares:

» text animator javascript
» javascript Botones con relieve
» javascript Botones con relieve
» marquee javascript emergente
» text animator javascript
» marquee javascript emergente
Ver el perfil de Gabriel Marcelo Rodriguez en LinkedIn

Privacidad ּ Publicidad ּ Prensa ּ Premios ּ Colaborar ּ Enlazarnos ּ Mapa del Sitio ּ Aviso legal ּ Boletín ּ Contacto
2001 - 2011 | Sitio Sitio creado y mantenido por Gabriel Marcelo Rodriguez
Hosting de alta calidad a bajo costo Neolo.com.ar