实现打字机效果

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

 27022  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公式加中文键盘

集合mathquill公式输入和中英文标点符号输入键盘,主要适配pad端
  丰富的输入
 29550  326

[力荐]表情选择器

完全自定义的表情选择器。
  丰富的输入
 67432  483

vue健康问卷调查(原创)

vue实现移动端问卷调查,健康自测等等
  丰富的输入
 34494  339

留言板的添加和删除

留言板的添加和删除
  丰富的输入
 50772  546

讨论这个项目(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
        是啊,效果太好了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复