Как они это сделали? Клавиша Анимация текста

Question

Я нашел этот сайт, и я не могу понять, как они сделали текстовую анимацию на вершине.Это похоже на jquery, но я не могу понять код.Кто-нибудь знает, что они использовали для нажатия клавиш на этом сайте?

http://nine2011.9elements.com/

Answer 1

Посмотрите на это: http://www.burnmind.com/tutorials/typing/

Учебное пособие: http://www.burnmind.com/howto/how-to-create-a-typing-effect-an-eraser-effect-and-a-blinking-cursor-using-jquery

Кажется, это именно то, что вы искали.

Answer 2

Похоже, что они заполняют раздел 'canvas', записывая один div (каждый с одной буквой) за раз, и удаляя их по одному, используя Timer (возможно, 250 мс?) Для каждого действия. Все возможно с использованием JavaScript манипуляций с документами; проще с jQuery.

Я не могу найти действительно хороший учебник о том, как это сделать с ванильным JavaScript, и всегда есть кросс-браузерные особенности, так что вам просто придётся поиграть, если вы хотите сделать подобный эффект.