实现打字机效果

所属分类:输入-丰富的输入

 24802  355  查看评论 (6)
分享到微信朋友圈
X
实现打字机效果 ie兼容6

1.使用闭包

2.规范化

Usage

var printer = Printer(str, [options]);
printer.print();

or

Printer(str, [options]).print();
Options
{
    "speed" : 50,  //文字速度
    "selector" : 'canvas', //选择器
    "startIndex" : 0,   //从第几个字符开始打印
    "endIndex" : 0,    //打印到第几个字符结束
    "hasCur" : true,   //是否显示光标
    "curId" : 'cur',   //光标的ID
    "curStr" : '_', //光标字符
    "curStyle" : 'font-weight: bold;',  //光标的样式(CSS样式)
    "curSpeed" : 100, //光标速度(ms)
    "lnStr": "" //行首字符
 };


相关插件-丰富的输入

jQuery多功能网页键盘插件

jQuery网页键盘插件,可移动,可输入汉字的多功能键盘
  丰富的输入
 17491  225

jQuery移动端车牌号码输入

jQuery移动端车牌号码输入支持新熊源车号
  丰富的输入
 19550  208

仿多说留言、评论框,带微博表情。

仿多说留言、评论框,带微博表情。
  丰富的输入
 58196  626

原生js制作的canvas画板 支持移动版(原创)

原生js制作的画板,刷新更换笔触的颜色,代码注释全,适合学习。
  丰富的输入
 16089  222

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?╊Jone.Kung?[已认证] 0
    2023/7/29 0:35:36
    这个插件有个BUG,把这个放到html模拟聊天多次调用,会将之前信息一起打印 回复
    熊哥club 0
    2017/2/23 15:37:22

    非常不错啊

        霞霞0
        2018/8/26 18:07:57
        对啊,飞车牛逼
    回复
    帅气的小啊天 0
    2016/12/6 16:12:12
    很好啊。感觉效果很不错的 回复
    勿忘初心 0
    2016/12/5 21:12:00
    很棒
        霞霞0
        2018/8/26 17:59:21
        是啊,效果太好了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复