Library code snippets

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>

Comments

  1. 28 May 2007 at 06:26

    Its very good.

     

  2. 01 Jan 1999 at 00:00

    This thread is for discussions of Animated Text.

Leave a comment

Sign in or Join us (it's free).

AddThis

Related podcasts

  • Episode 27: What Every Web Developer Needs To Know

    Kevin leads a discussion on what every web developer needs to know. Topics Javascript - language or toolkits? Does clean HTML matter? What are the tangible benefits? Working with designers who only speak Photoshop Basic usability Tools every web developer needs Progressive enhancement K. Scott i...

Related jobs