实现打字机效果

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

 25745  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仿牛客网的在线测评考试

实现在线模拟测评,仿照的是牛客网的测评页面
  丰富的输入
 43133  437

jquery屏幕键盘插件Virtual Keyboard

一个在浏览器的jQuery屏幕键盘(OSK)插件,。
  丰富的输入
 36582  360

jQuery实现表格数据增、删、改、查

基于jQuery实现表格内数据的添加、删除、修改、查找
  丰富的输入
 42008  454

jQuery移动端自制画板

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

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