Efecto de onda en texto

VER EJEMPLO:

Antes de </head> poner éste código:
<script language="JavaScript">
var theText = "Bienvenidos a mi blog"; //TEXTO

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>

Ahora cambiar:
<body>
Por:
<body onload="doWave(0)">
Poner en el lugar que quiera que aparesca:
<div ID="theDiv">
</div>
Pueden darle color así:
<span >
<div ID="theDiv">
</div></span>
Lo que esta en rojo se puede cambiar.
Donde dice:
var theText = "Bienvenidos a mi blog"; (se entiende)
if (incMethod == 1) return (72*Math.abs( M (tamaño texto)
setTimeout("doWave(" + (n+1) + ")", 50); (velocidad)

18 comentarios:

  1. hola, veo que a ti te gusta trabajar con phtoshop o algo de eso, lo digo porque tu icno representativo de tu blog quedo muy bien, que tal si hacemos un trato, pero no un trato de dinero, tu me creas un icono que represente a mi blog, uno que pueda ir en la cabecera y que a su vez pueda servir de cursor y también pueda estar como favicon y otras cosas.
    Y y o hago algo que tu qiueras, porque para el photoshop yo ando pal culo, pero si qiueres puedo crear una entrada sobre tu blog, un post en emudesc (es una pagina que es visitada por mucha gente y que los usuarios pueden crear posts) y también puedo dejar un super enlace de tu blog(al decir super digo un enlace que se vea muy bien!!!)

    ResponderEliminar
  2. si tubiera tiempo con gusto te lo hago, aunque es compricado ya que eso se desarrolla en conjunto con mis clientes
    si queres veo con la imagen que me mandastes hacer un cursor a ver como queda.

    y lo de emudesc no te preocupes esa página la conosco y soy miembro hace tiempo al igual que otras

    no me interesa la propaganda este blog lo utilizo a medida que puedo tipo un blog de notas para ir dejando cosas que me han llamado la atencion y me gustaron

    tengo muchas cosas para subir pero no tengo tiempo

    y hay otras cosas que las aprico en el blog ocultas que solo yo las veo como administrador

    pero lo mio no es tanto lo de blog sino el diseño de páginas web en html con servidor propio se pueden hacer muchas mas cosas
    pero por supuesto que son de pago y los gratuitos tienen sus limitaciones

    y lo de photoshop es bueno para algunas cosas prefiero el corel
    y para diseño tenes que trabajar con muchos programas no uno solo
    noes que no se pueda hacer con uno solo o con photoshop o corel pero hay programas que realizan cosas con mas facilidad y sin tantas complicaciones

    ResponderEliminar
  3. te hice 2 proba a ver si te gustan:
    http://img47.xooimage.com/files/2/e/5/as02-11d2314.cur

    http://img23.xooimage.com/files/4/1/d/as01-11d22ad.cur

    ResponderEliminar
  4. el mismo otro tamaño
    http://img47.xooimage.com/files/e/4/8/as03-11d23b3.cur
    http://img47.xooimage.com/files/e/4/8/as03-11d23b3.cur

    ResponderEliminar
  5. guau, me encanto, son geniales, si las uviera visto antes no huviera creado la que yo hice, ahora puse una, pero las que tu hiciste son geniales, eres el mejor!!!
    Si hay algunas veces que yo digo cosas ignorantes no te enojes, soy solo un niño (tengo 13)

    ResponderEliminar
  6. quedo super bien, pasate por mi blog y miralos!!!

    ResponderEliminar
  7. despues me dices cuando tengas tiempo como hiciste para que en los comentarios agregar otro icono mas??
    porque el de uruguay me encanto y sería algo simbólico pa' mi blog!!

    ResponderEliminar
  8. primero te cuento y luego me matas, vi el codigo fuente de sript de los iconos y lo copie :7)

    ResponderEliminar
  9. bueno, mejor me explicas tu como usarlo porque no me funciono

    ResponderEliminar
  10. :28) el de uruguay es : 18 ) no : 19 ) fíjate que esta primero la descripcion y después la imagen.
    :18)

    ResponderEliminar
  11. hola, me preuntaba una cosa... cuando me diste ese codigo, el de a:hover... para el cursor, bueno, mi pregunta es... no tiene nada que ver con esto, pero yo por lo que entendi hover significa cuando el mouse esta arriba de un enlace, como hago para que en todos los enlaces de mi blog tipo como que cambie el estilo... bueno, gracias antisipadamente, chau!!!

    ResponderEliminar
  12. y en mi blog, cuando dejas un comentario, el cuadrito aparece todo pintado de rosadito, cual es el css de ese coso, porque no me acuerdo

    ResponderEliminar
  13. en .comment-form p es donde tenes rosado

    ResponderEliminar
  14. y lo de a:hover es como en mi menu que cambia el fondo negro de color?

    ResponderEliminar
  15. aaah, y que vendria a ser .comment-form h3??

    ResponderEliminar
  16. en tu css o style entre <head> y </head> vas a encontrar .comment-form p ahi modificas ese color rosado de fondo

    ResponderEliminar
  17. lo que comentaste en mi blog, de que si queria me enseñabas, bueno, quiero adquirir tu conosiemiento, ta muy bueno eso, y quisiera añadir mis propios iconos

    ResponderEliminar

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.

Nota: solo los miembros de este blog pueden publicar comentarios.