他們是怎麼做到的？按鍵文字動畫

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

看起來他們通過一次爲每寫一個DIV（每一個字母），並刪除它們一次一個，使用定時器（也許250ms的？）填寫「畫布」部分行動。所有可能的使用JavaScript文件操作;儘管jQuery更容易。

我找不到一本關於如何使用vanilla JavaScript的非常好的教程，並且總是存在跨瀏覽器的怪癖，所以如果您想要做類似的效果，您只需要玩一下。