Full version: jsB@nk » Text » Animation » Roller coaster text
URL: https://www.javascriptbank.com/roller-coaster-text.html
This interesting text effect animates any text in a roller coaster style.
Full version: jsB@nk » Text » Animation » Roller coaster text
URL: https://www.javascriptbank.com/roller-coaster-text.html
<script language="JavaScript">/*script edited by David Gardner ([email protected])Permission granted to Dynamicdrive.com to feature the scriptFor more DHTML scripts, visit Dynamicdrive.com*///put your text herevar theText = "Bank of over 2000+ free JavaScripts";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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<body onload="doWave(0)"><div ID="theDiv"></div></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->