Как мне назначить разные цвета для каждой строки?

Question

Как мне назначить разные цвета для каждой строки?

1

Мне нужно изменить цвета каждой строки.

  $(".typedsmartbackspace").typed({
         strings: ['Dog', 'Cat', 'Mouse', 'Hamster'],
         typeSpeed: 80,
         backSpeed: 20,
         startDelay: 1000,
         backDelay: 300,
         loop: true,
         showCursor: true,
  });

Я бы хотел, чтобы ['Dog', 'Cat', 'Mouse', 'Hamster'] отображались в своих собственных цветах. Есть ли способ сделать это inline с кодом?

Заранее спасибо.

Ryan Brown 02 апр. 2019, в 19:26

Источник

0

Зависит от того, поддерживает ли этот плагин элементы стиля или нет, без необходимости изменения
charlietfl 02 апр. 2019, в 16:34

Теги:

javascript

string

colors

1 ответ

Ещё вопросы

Зависит от того, поддерживает ли этот плагин элементы стиля или нет, без необходимости изменения

Pranav C Balan · Answer 1 · 2019-04-02T14-12-00.000Z

Оберните 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>