Compatibility. Only works with Internet Explorer 4 and up.
Webmaster
Tips
[ All Tips ]
Wavy text
This is a great effect, not recommended if you are seasick.
Place the following in <BODY>:
<body onload="doWave(0)">
Then, where you want:
<script language="JavaScript">
/* script edited by David Gardner (toolmandav@geocities.com)*/
var theText = "Enter your text here!";
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>
Compatibility. Only works with Internet Explorer 4 and up.
Discover all Webmaster tips.