优化onMouseMove驱动的动画

Question

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

它工作正常，但是当用户移动鼠标时，即使它没有动画任何东西，也一直多次运行此功能似乎非常不优化。我的问题是，有没有其他常见的方法来做这样的动画，不能不必要地用作CPU？

您可以在我们的博客http://www.hiringthing.com/2011/10/31/buttons-with-a-surprise.html

上查看示例和代码

由于

Answer 1

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