他们是怎么做到的？击键文字动画

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（每个带一个字母）来填充'canvas'部分，并使用Timer（可能是250ms？）为每个动作一次删除一个div。所有可能使用JavaScript文档操作;使用jQuery更容易。

我找不到一个关于如何使用vanilla JavaScript的非常好的教程，并且总是存在跨浏览器的怪癖，所以如果你想做类似的效果，你只需要玩。