Question

Possible Duplicate:
Show text letter by letter

Bit hard to explain but what I’m trying to achieve is add text to a div BUT I don’t want it to simply appear or fadeIn etc. I want to be able to display the text a character at a time like if you were playing a text based game on the DS for example.

Answer 1

Here is the Demo
http://www.thepixelart.com/demo/jticker/

Here is the downloadble file
http://www.thepixelart.com/demo/jticker/files/jticker.zip

You can modify the timer so that only one character would appear at particular time

(or)

html

<div id="text"><span>The intergalactic space agency</span></div>

css

div#text { width: 0px; height: 2em; white-space: nowrap; overflow:
hidden; }

jQuery

var spanWidth = $(‘#test span’).width(); $(‘#text’).animate( { width:
spanWidth }, 1000 );

Here is the demo

http://jsfiddle.net/mrtsherman/6qQrN/1/