2021-07-28 JS实现打字输入的效果

最新推荐文章于 2024-05-17 02:56:57 发布

蜜汁小强

最新推荐文章于 2024-05-17 02:56:57 发布

阅读量197

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/wxqee/article/details/119184358

版权

如题，实现打字输入的效果。找了一下，发现用typed.js即可实现。

开源项目 mattboldt/typed.js
查看国内CDN资源

案例代码

<body>
  <div class="element"></div>
  
  <script src="https://cdn.bootcdn.net/ajax/libs/typed.js/2.0.12/typed.min.js"></script>
  <script>
    var options = {
      strings: ['<i>First</i> sentence.', '&amp; a second sentence.'],
      typeSpeed: 40
    };

    var typed = new Typed('.element', options);
  </script>
</body>

效果

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蜜汁小强

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-07-28 JS实现打字输入的效果

如题，实现打字输入的效果。找了一下，发现用typed.js即可实现。开源项目 mattboldt/typed.js查看国内CDN资源案例代码<body> <div class="element"></div> <script src="https://cdn.bootcdn.net/ajax/libs/typed.js/2.0.12/typed.min.js"></script> <script>
复制链接

扫一扫