移动鼠标时,使文本逐字显示

时间:2017-05-30 20:43:00

标签: jquery css animation text mouse

这必须是显示文字的最佳方式之一。 每个字母仅在鼠标移动时出现。快速移动,文本快速,移动缓慢,外观缓慢。

接近并实施此方法的最佳方式是什么?

Example (向下滚动一次,然后移动鼠标)

非常感谢你的帮助!

1 个答案:

答案 0 :(得分:1)

只要查看示例,您就可以看到每个字母都在自己的div中呈现。您可以像控制任何DOM节点一样控制每个div的渲染。

无论您移动鼠标的速度有多快,移动都会以固定的速度发生。因此,单帧速率和持续时间只有一个动画。有效地移动鼠标可控制"播放/暂停"功能。

所以你必须创建每个字母的动画作为更大动画的一部分。然后,您需要收听鼠标事件以了解鼠标是否在移动。如果是,则播放动画。如果没有,那就暂停吧。

这是简短的高级答案。也许其他人可以用一些代码来帮助你。