Typed.js打字效果js库的几种应用方式(6)

fox/ 2023年04月05日/ 开源推荐/ 浏览 2187

之前我们分享过一个有趣而简单的动态打印字体插件——typed.js

关于typed.js,可以了解这篇文章

一个有趣而简单的动态打印字体插件——typed.js

这里我们会陆续给给大家说一下,Typed.js的几种实际应用方法,多掌握一些简单的前端技巧

1.基础应用,在静态HTML中使用(对 SEO 友好)
2.简单暂停打字效果
3.智能退格效果

4.在input中应用打字效果

5.洗牌效果

6.批量打字

快速显示整块内容,删除整块内容,适用于大段内容的快速显示切换


var typed6 = new Typed('#typed6', {
    strings: ['npm install^1000\n `installing components...` ^1000\n `Fetching from source...`'],
    typeSpeed: 40,
    backSpeed: 0,
    loop: true
  });
    

在这里

^1000\n用于控制快速显示

发表评论

暂无评论,抢个沙发...

客服 工单