博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
打字机效果-type-js
阅读量:3950 次
发布时间:2019-05-24

本文共 789 字,大约阅读时间需要 2 分钟。

今天在Github上发现了一个有趣的开源项目typed.js

  • github地址:
  • 文档:

导入js

实现效果

try {
var typed = new Typed("#typed", {
strings: ['醒亦念卿,梦亦念卿','频繁记录,只因生活和你太值得❤'],//字符串 startDelay: 0,//开始的延迟 typeSpeed: 200,//打字速度 backSpeed: 100,//回退速度 loop: true,//是否循环 showCursor: true,//显示游标 shuffle: false//是否随机 }); } catch (err) {
}

游标样式

try {
var typed1 = new Typed("#typed1", {
//一大堆同上 cursorChar: '_',//游标样式 }); } catch (err) {
}

批量输入

try {
var typed2 = new Typed("#typed2", {
strings: ['醒亦念卿,梦亦念卿\n `频繁记录,只因生活和你太值得❤`'],//字符串 //一大堆同上 }); } catch (err) {
}

智能退格

try {
var typed3 = new Typed("#typed3", {
strings: ['我想说:我','我想说:爱','我想说:你'],//字符串 smartBackspace: true, //默认true //一大堆同上 }); } catch (err) {
}

转载地址:http://bbgwi.baihongyu.com/

你可能感兴趣的文章
数据结构中常见的树(BST二叉搜索树、AVL平衡二叉树、RBT红黑树、B-树、B+树、B*树)
查看>>
公平锁与非公平锁
查看>>
QL的四种连接-左外连接、右外连接、内连接、全连接
查看>>
常见加密算法
查看>>
Java遍历Map对象的四种方式
查看>>
scala学习之安装问题
查看>>
linux之shell倒引号,单引号,双引号,dirname,basename使用
查看>>
linux之shell文件路径切分,${str:a:b}用法
查看>>
Linux下如何查看版本信息
查看>>
LDAP常见错误码
查看>>
linux yum安装rpm包出现问题
查看>>
idea编译报错类似xxx.java:[85,65] 错误: 找不到符号
查看>>
ArrayList复制
查看>>
idea打开项目时,文件左下角显示橙色J
查看>>
SQL注入
查看>>
linux中ldconfig的使用介绍
查看>>
项目中常说的提供一个接口供某某调用,与java代码中接口的区别
查看>>
idea快捷键使用
查看>>
File 类的 getPath()、getAbsolutePath()、getCanonicalPath() 的区别
查看>>
Linux中zip压缩和unzip解压缩命令详解
查看>>