实现打字机效果

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

 26336  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": "" //行首字符
 };


相关插件-丰富的输入

移动端canvas实现涂鸦效果

实现涂鸦基本功能、更改笔触大小颜色、更改背景图、橡皮檫、历史记录、清屏和保存功能。
  丰富的输入
 27263  335

jQuery的在线涂鸦插件wPaint

wPaint.js一个不错的在线实时绘图jQuery插件.提供了能够加载和保存绘制的图像绘制图像。它是基于HTML5的canvas。
  丰富的输入
 45531  351

移动端答题切换插件

移动端自适应答题插件,通过循环json获取数据
  丰富的输入
 28168  359

一款jQuery评论插件

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

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