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/

Answer 2

只需通过引用其网站上的脚本来包含库，然后在<script>标签内，使用var或var定义一个新的let并按照文档中的描述进行使用（请参见下文）；

var typed = new typed.js

var typed = new Typed('.element', {
  strings: ["First sentence.", "Second sentence."],
  typeSpeed: 30
});


------------
// then where you want to use it,

<div id='coolStrings'>
  // stuff inide here
<div>

https://mattboldt.com/demos/typed-js/-这是文档

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

2 个答案: