Javascript - Efecto ola en un texto
Códigos Javascript
Este fabuloso script consigue mostrar un texto imitando al efecto ola.
El texto es motrado en una capa.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <head>
- <script language="JavaScript">
- var el_textoo = "Bienvenidos a tutores.org";
- function nextSize(i,incmetodo,longitud_texto)
- {
- if (incmetodo == 1) return (72*Math.abs( Math.sin(i/(longitud_texto/3.14)))
- );
- if (incmetodo == 2) return (255*Math.abs(
- Math.cos(i/(textoLength/3.14))));
- }
- function tamano_ola(texto,metodo,dis)
- {
- output = "";
- for (i = 0; i < texto.length; i++)
- {
- size = parseInt(nextSize(i +dis,metodo,texto.length));
- output += "<font style='font-size: "+ size +"pt'>"
- +texto.substring(i,i+1)+ "</font>";
- }
- theDiv.innerHTML = output;
- }
- function ejecuta_ola(n)
- {
- tamano_ola(el_textoo,1,n);
- if (n > el_textoo.length) {n=0}
- setTimeout("ejecuta_ola(" + (n+1) + ")", 50);
- }
- </script>
- </head>
- <body onload="ejecuta_ola(0)" bgcolor="#FFFFFF" " bgproperties="fixed">
- <td width="82%" align="center"> </td>
- <div id="theDiv" style="position:absolute; left:130px; top:111px; width:510px; height:115px; z-index:1"></div>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto ola en un texto" href="http://www.tutores.org/codigo/887/" target="_blank">Efecto ola en un texto</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Efecto ola en un texto" href="http://www.tutores.org/codigo/887/" target="_blank">Efecto ola en un texto</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS