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">Pueden darle color así:
</div>
<span >Lo que esta en rojo se puede cambiar.
<div ID="theDiv">
</div></span>
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)
0 comments:
Post a Comment