优化由onMouseMove驱动的动画

Question

为了给我们的web应用程序添加一些个性，我在机器人吉祥物从鼠标移近时窥视的某些元素上添加了一些动画。为此，我使用onmousemove函数检查光标的距离，并在鼠标关闭时检查机器人的动画。

它工作的很好，但是当用户移动鼠标时，即使它没有动画时，它每秒钟都会多次运行此功能，似乎非常没有优化。我的问题是，有没有其他常见的方法来做像这样的动画不会不必要地使用CPU？

你可以看到例子，在我们的博客代码在这里http://www.hiringthing.com/2011/10/31/buttons-with-a-surprise.html

感谢

Answer 1

悬停在页面的主要部分时，使其不运行时，您可以安装和取下事件处理程序使用导航和页面的其他区域。如果页面上有多个元素，就像在演示中一样，那么您可能无法做其他事情。