如何为每个字符串分配不同的颜色？

Question

我需要更改每个字符串的颜色。

*

我希望$用自己的颜色进行渲染。有什么办法可以内联代码吗？

Answer 1

用span包装，并为span（color）标签添加样式，因为它接受HTML内容。

$(".typedsmartbackspace").typed({
  strings: ['<span style="color:red">Dog</span>', '<span style="color:green">Cat</span>', '<span style="color:yellow">Mouse</span>', '<span style="color:blue">Hamster</span>'],
  typeSpeed: 80,
  backSpeed: 20,
  startDelay: 1000,
  backDelay: 300,
  loop: true,
  showCursor: true,
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js"></script>

<div class="typedsmartbackspace"></div>