jQuery模拟人打字插件typetype

 查看演示  website  立即下载

使用方法

jQuery和jquery.typetype.min.js（压缩后只有578个字节）加入你的页面。

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

然后您可以添加一些文本textareas,输入或其他HTML元素。

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

自定义输入

$('textarea').typetype(
  'Text to append',
  {
    e: 0.04, // error rate. (use e=0 for perfect typing)
    t: 100, // interval between keypresses
    keypress: function (){
      // called after every keypress (this may be an erroneous keypress!)
    },
    callback: function (){
      // the `this` keyword is bound to the particular element.
    }
  }
)

backspace jQuery plugin

同样的道理，你可以通过这个可行的方法将文本文字后退

$('textarea').backspace(
  14, // number of chars to backspace
  {
    t: 100, // interval between keypresses
    keypress: function (){ },
    callback: function (){ }
  }
)

结合jQuery动画

这两个jQuery插件关联在一起可以使可读性更好，更连贯

$('textarea')
  .typetype('Hello, world!')
  .delay(1000)
  .typetype('\n\nGoodbye.')
  .backspace(25)
  .fadeOut() // regular jQuery effects queue up nicely

PREVIOUS:
NEXT:
jQuery弹出层插件Moa Modal
jquery简单时尚的进度条插件ProBars