javascript - 优化 onMouseMove 驱动的动画

Question

为了给我们的 Web 应用程序添加一些个性，我在某些元素上添加了一些动画，当鼠标靠近时，我们的机器人吉祥物会从后面窥视。为此，我使用 onmousemove 函数来检查光标的距离，并在鼠标靠近时为机器人设置动画。

它工作得很好，但是当用户移动鼠标时，即使它没有动画任何内容，每秒多次运行此函数似乎非常未优化。我的问题是，是否有其他常见的方法来制作这样的动画，并且不需要使用 CPU？

您可以在我们的博客上查看示例和代码 http://www.hiringthing.com/2011/10/31/buttons-with-a-surprise.html

谢谢

Answer 1

当鼠标悬停在页面的主要部分时，您可以附加和删除事件处理程序，以便在使用导航和页面的其他区域时它不会运行。如果页面上有多个元素(如演示中所示)，那么您可能无能为力。