Как добавить этот эффект - PullRequest
0 голосов
/ 04 мая 2019

Я пытаюсь создать личный сайт с нуля.Пока я искал идеи, я нашел именно этот шаблон, который мне понравился: http://phydeve.epizy.com/imozar/index-1.html Я хочу попробовать собрать все самостоятельно, чтобы узнать, но есть одна вещь, которую я не могу понять.Как мне добиться изменения текста под заголовком (в разделе «Привет, я Норман Доу»).Я пробовал несколько поисков в Google с разными терминами, но не могу найти объяснения.

Я хорошо изучаю любой язык / вкус, который мне может понадобиться.

1 Ответ

2 голосов
/ 04 мая 2019

Я полагаю, что этот человек использует плагин Typer.js. Ссылка: https://steven.codes/typerjs/

Определенно есть много способов сделать это с JS, но если вы хотите минимального кодирования, я бы использовалплагин.

<!--Put your words in the DATA-WORDS-->

<h1 style="font-family:sans-serif;">
  we are <span
    class="typer"
    id="some-id"
    data-words="sample word,another sample,amaziing"
    data-colors="#ed426d,#6d67c6,#b74033"
    data-delay="50"
    data-loop="1">
  </span>
</h1>



<!--Insert at the bottom of your html file-->
<script async src="https://unpkg.com/typer-dot-js@0.1.0/typer.js"></script>

Вот скрипка: https://jsfiddle.net/jemismagical/1ajz9etk/19/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...