使用 Typed.js 为您的网站添加终端动画效果

很多时候，当我们遇到一些有趣的东西，比如动画或过渡效果时，我们都很想知道如何在实际应用中实现它。

我了解到很多开发者都在他们的网站上使用终端动画，那我为什么要帮助初级网页开发者在他们的网站上实现它呢？

此外，你还可以在动画中添加其他元素，例如：

• startDelay: 0 - [开始输入前的延迟时间，单位为毫秒]
• shuffle: false - [打乱字符串顺序]
• 循环次数：无穷大 - [循环次数]

  ---

  更多信息请查看此GitHub仓库：

  mattboldt / typed.js

  一个 JavaScript 打字动画库

  

  

  在线演示|查看所有演示|查看完整文档| mattboldt.com

  Typed.js 是一个自动打字库。输入任何字符串，它都会以你设定的速度自动打字，删除已输入的内容，并开始新的句子，直到达到你设定的字符串数量。

  ---

  安装

  CDN

  <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>

  <script>可通过标签直接在浏览器中使用：

    <!-- Element to contain animated typing -->
    <span id="element"></span>
  
    <!-- Load library from the CDN -->
    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
  
    <!-- Setup and start animation! -->
    <script>
      var typed = new Typed('#element', {
        strings: ['<i>First</i> sentence.', '&amp; a second sentence.'],
        typeSpeed: 50,
      });
    </script>
  </body>

  作为 ES 模块

  可与……一起使用

  在 GitHub 上查看

  ---

  希望你们都学到了一些知识✌️