Анимация печатающегося текста на сайте

Скачиваем библиотеку здесь

Далее добавляем подключение библиотеки и параметры к себе в проект, в раздел скриптов.

SCRIPTS

<script src="/wp-content/themes/vseskupki/assets/js/typed.js"></script>
<script>
let typed = new Typed('#typed', {
    stringsElement: '#typed-strings',
    typeSpeed: 100,
    startDelay: 500,
    backSpeed: 50,
    loop: false,
	showCursor: false
});
</script>

В нужном месте располагаем наш печатающиеся текст.

HTML

<div id="typed-strings" style="display: none;">
	<span>Самая полная база скупок и ломбардов Москвы</span>
</div>
<div class="text-typing">
	<p id="typed" class="container-001__info-maintext"></p>
</div>

Дополнительные параметры управления скриптом.

Параметры

    typeSpeed: 0, // Скорость печати
    backSpeed: 0, // Скорость удаления
    startDelay: 0, // Задержка перед стартом анимации
    backDelay: 500, // Пауза перед удалением 
    loop: false, // Повтор (true или false)
    loopCount: false, // Число повторов, false = бесконечно
    showCursor: true, // Отображение курсора
    attr: null, // Атрибут
    callback: function(){ } // Функция вызываемая после окончания работы плагина

 

Так же с моим портфолио можно ознакомиться на любой из представленной социальной сети, на своих страницах я публикую посты о своих работах, заданиях и целях.

Для связи со мной можно воспользоваться любой социальной сетью,
или написать на почту:

С моим резюме можно ознакомиться по ссылке:

© 2020-2024 Портфолио Юдина Александра г.Пенза. Все права защищены