javascript - 如何在没有 jquery 或需要 main.js 文件的情况下使用 typed.js？

Question

对 HTML 不太熟悉，想知道如何在 HTML/CSS 中使用 typed.js，而根本没有任何 JS。我已经将 typed.min.js 下载到我的站点根目录中，想知道如何使用字符串实际设置它，感谢任何帮助:)

我已经看过了:Typed.js installation without Node.js - 并且想知道如何使用简单的 div/h2 标签进行设置

事实上，我似乎很愚蠢，感谢您的帮助!!

Answer 1

您必须先包含库，然后再包含脚本才能实际使用它。通常，您会在页面的最底部执行此操作。

<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
<script>
  var typed = new Typed('#typed', {
     stringsElement: '#typed-strings'
  });
</script>

然后在您要使用它的页面上的某处...

<div id="typed-strings">
   <p>Typed.js is a <strong>JavaScript</strong> library.</p>
   <p>It <em>types</em> out sentences.</p>
</div>
<span id="typed"></span>

文档在静态 HTML 的底部附近很好地解释了这一点

https://github.com/mattboldt/typed.js/