实现打字机效果

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

 24557  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移动端自制画板

可以使用多种颜色画笔进行图画,有橡皮擦,代码注释较全容易扩展。注意请在移动端查看效果!
  丰富的输入
 28135  301

jQuery模拟数字键盘插件mynumkb.js

jQuery pc端使用的数字键盘插件mynumkb.js,兼容ie6
  丰富的输入
 29472  315

一款jQuery评论插件

jQuery评论插件,带表情,数量可随意添加,数据保存到本地缓存,刷新不丢失。
  丰富的输入
 22302  267

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

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

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