使用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);
这是演示
这是实现“打字机”效果的一种方式,就像你在video游戏中看到的那样(使用纯javascript,不需要jQuery):
DEMO