Мне нужно изменить цвета каждой строки.
$(".typedsmartbackspace").typed({
strings: ['Dog', 'Cat', 'Mouse', 'Hamster'],
typeSpeed: 80,
backSpeed: 20,
startDelay: 1000,
backDelay: 300,
loop: true,
showCursor: true,
});
Я бы хотел, чтобы ['Dog', 'Cat', 'Mouse', 'Hamster']
отображались в своих собственных цветах. Есть ли способ сделать это inline с кодом?
Заранее спасибо.
Оберните 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>