webnote

typetype是一款模仿人类打字效果的jQuery插件,typetype非常轻巧，文件不到2K，gzipped压缩后只有578字节，但模仿的效果非常逼真，一字一字的顿出和回删效果，让人惊叹不止，喜欢的朋友研究下吧，下面来看下它的使用方法：

引入核心文件

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.typetype.js"></script> 

写入HTML，插件可以把字打到文本框和长文本框或是其它的html元素。

$('textarea').typetype('Some text that you want to demo')

自定义输入

$('textarea').typetype(
'Text to append',
{
e: 0.04, // 错误率.设为0刚没有出错
t: 100, // 按键的间隔时间
keypress: function (){
// 按键后触发的方法(有可能会出错)
},
callback: function (){
// 绑定到特定的html元素
}
})

使用文本回删方法

$('textarea').backspace(
14, // 回删的字符数量
{
t: 100, // 按键的间隔时间
keypress: function (){ },
callback: function (){ }
})

结合jquery的动画

$('textarea')
.typetype('Hello, world!')
.delay(1000)
.typetype('\n\nGoodbye.')
.backspace(25)
.fadeOut() // jQuery效果

转载请注明：jQ酷 ? jQuery模仿人类打字效果插件typetype

 下载地址：百度云 | 官方下载