Dynamic Drive- Roller coaster text!

IE5+ Opr7+

Roller coaster text!

Author: David Gardner

Description: "After looking at all the cool text effects on Dynamic Drive, I thought it's time I made some contributions. This script is one of them. I actually didn't create it, but rather, simply modified and made some positive changes to it. The script is pretty cool, so I thought I'd share it with the people here on Dynamic Drive. As you can see, it's a roller coaster text effect script...put any text inside of it, and watch it slide! " -David Gardner

Demo:

Directions

Step 1: Copy the below code and paste it where you wish the text to appear on the page:

Select All
<script language="JavaScript"> /* script edited by David Gardner (toolmandav@geocities.com) Permission granted to Dynamicdrive.com to feature the script For more DHTML scripts, visit Dynamicdrive.com */ //put your text here var theText = "David Gardner"; 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>

Step 2: Add the below onload event handler to the <body> tag, like the following:

<body onload="doWave(0)">

You're done!

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post