Running text javascript effect

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate
star

Running text javascript effect

Slavic
Hey all, check what I have on my website. This is javascript effect that causes your text to run. It gives text, kind of like a typewriter effect, like I have here on my contact page: http://aimzero.info/#4.

Anyways, here's the sctipt for that, if you're interested (Paste it in to your 'text' field in 'input' area):

<div id="tickerlink"></div>

<script type="text/javascript"> var CharacterTimeout = 50; var StoryTimeout = 3000; var SymbolOne = '_'; var SymbolTwo = '-'; var SymbolNone = ''; var LeadString = ''; var Headlines = new Array(); var Links = new Array(); var ItemCount = 1000; Headlines[0] = 'YOUR TEXT HERE'; function startTicker() { StoryCounter = -1; LengthCounter = 0; TickerLink = document.getElementById("tickerlink"); runTicker(); } function runTicker() { var Timeout; if (LengthCounter == 0) { StoryCounter++; StoryCounter = StoryCounter % ItemCount; CurrentHeadline = Headlines[StoryCounter]; TargetLink = Links[StoryCounter]; TickerLink.href = TargetLink; Prefix = "<span class=\"ticker\">" + LeadString + "</span>"; } TickerLink.innerHTML = Prefix + CurrentHeadline.substring(0, LengthCounter) + getSymbol(); if (LengthCounter != CurrentHeadline.length) { LengthCounter++; Timeout = CharacterTimeout; } else { LengthCounter = 0; Timeout = StoryTimeout; } setTimeout("runTicker()", Timeout); } function getSymbol() { if (LengthCounter == CurrentHeadline.length) { return SymbolNone; } if ((LengthCounter % 2) == 1) { return SymbolOne; } else { return SymbolTwo; } } startTicker(); </script>
Make sure you place your text between single quotes, into the "Headlines[0] = 'YOUR TEXT HERE';"
And the important thing to remember, don't insert breaks into your text, use <br /> instead.

So, let me know if that works for you. :-)

Loading...