使用jQuery创建缓慢填充的文本

可能重复:
逐字显示文字

有点难以解释,但我想要实现的是将文本添加到div但是我不希望它简单地出现或淡入等等。我希望能够一次显示文本一个字符,就像你是例如,在DS上播放基于文本的游戏。

这是演示http://www.thepixelart.com/demo/jticker/

这是可下载的文件http://www.thepixelart.com/demo/jticker/files/jticker.zip

您可以修改计时器,以便在特定时间只显示一个字符

(要么)

HTML

The intergalactic space agency

CSS

div #text {width:0px; 身高:2em; 白色空间:nowrap; 溢出:隐藏; }

jQuery的

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

这是演示

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

这是实现“打字机”效果的一种方式,就像你在video游戏中看到的那样(使用纯javascript,不需要jQuery):

 

DEMO