Al igual que con el CSS, el Javascript tambien nos da muchas posibilidades en cuanto al diseño de texto se refiere. En este caso lo animamos como si las letras estuvieran bailando, a la vez que cambian de color y aumentan y disminuyen de tamaño. Para añadirlo a tu blog o web, solo tienes que copiar el codigo de abajo. Escribes el texto donde esta indicado en rojo, pero recuerda que tienes que escribirlo del reves para que se lea bien. Codigo:
<script language="JavaScript"> var theText = "OTXET"; function nextSize(i,textLength) { return (72*Math.abs( Math.sin(i/(textLength/3.14)))); } function sizeCycle(text,dis) { zob = "" for(i = text.length; i > (-1) ; i--) { size = parseInt(nextSize(i +dis,text.length)); zob += "<u><font color='"+size*size*size+"' style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font></u>"; } document.getElementById("textodance").innerHTML = zob; } function doWave(n) { sizeCycle(theText,n) if (n > theText.length) {n=0} setTimeout("doWave(" + (n+1) + ")", 50); } </script><BODY onload="doWave(0)"><div id="textodance" align="center"></div> |
