Question

您好我有一个打字机脚本如下：

$(document).ready(function(){
        $('.example4').typeIt({
     whatToType: ["Introduction Thesis xy", "2"],
     typeSpeed: 150,
     breakLines: false
});
})

我想让简介大胆并在Thesis xy之前有一个换行符，我该怎么做？

Answer 1

您需要设置breakLines: true，然后您可以在文本中添加必要的html以使Introduction加粗并在Thesis xy之前添加新行。

$(document).ready(function(){
   $('.example4').typeIt({
     whatToType: ["<b>Introduction</b><br>Thesis xy", "2"],
     typeSpeed: 150,
     breakLines: true
   });
})

Answer 2

我认为使用你的版本的typeit js使用html是不可能的。但是，如果你将版本更改为5.5.0，那么就可以这样做。

您可以使用此CDN加载typeit js

<script src="https://cdn.jsdelivr.net/npm/typeit@5.5.0/dist/typeit.min.js"></script>

new TypeIt('.example4', {
  strings: ["<b>Introduction</b>", "Thesis xy 2"],
  speed: 150
});

@font-face {
  font-family: "Nimbus";
  src: url("fonts/Nimbus.woff") format("woff");
}

body * {
  font-family: 'Nimbus';
  font-size: 25px;
}

p {
  position: absolute;
  left: 20%;
  width: 60%;
}

<link rel="stylesheet" type="text/css" href="https://www.jqueryscript.net/demo/jQuery-Plugin-For-Customizable-Terminal-Text-Effect-TypeIt/dist/typeit.min.css">

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/typeit@5.5.0/dist/typeit.min.js"></script>

<p class="example4"></p>

在脚本中格式化文本

2 个答案: