»
EnglishFrenchVietnamese

Print - Roller coaster text - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Roller coaster text
URL: https://www.javascriptbank.com/roller-coaster-text.html

Roller coaster text © JavaScriptBank.comThis 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



JavaScript
<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-->


HTML
<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-->