Animated Text

<Html>
<Head><Title>Grow Text by Peeyush Nigam</Title></Head>
<script language="JavaScript">

var theText = "PARI WEB SERVICES";
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>
<body onload="doWave(12)">
<div ID="theDiv" align="center">© PARI WEB SERVICES</div>
</Body>
</Html>

You might also like...

Comments

Peeyush Nigam More than 3yrs of practical and job experience in IT Industry. Currently running own ASP center in city KANPUR - INDIA [url="www2.domaindlx.com/pari"]PARI WEB SERVICES™[/url] U may [email="webmaste...

Contribute

Why not write for us? Or you could submit an event or a user group in your area. Alternatively just tell us what you think!

Our tools

We've got automatic conversion tools to convert C# to VB.NET, VB.NET to C#. Also you can compress javascript and compress css and generate sql connection strings.

“You can stand on the shoulders of giants OR a big enough pile of dwarfs, works either way.”