为了给我们的 Web 应用程序添加一些个性,我在某些元素上添加了一些动画,当鼠标靠近时,我们的机器人吉祥物会从后面窥视。为此,我使用 onmousemove 函数来检查光标的距离,并在鼠标靠近时为机器人设置动画。
它工作得很好,但是当用户移动鼠标时,即使它没有动画任何内容,每秒多次运行此函数似乎非常未优化。我的问题是,是否有其他常见的方法来制作这样的动画,并且不需要使用 CPU?
您可以在我们的博客上查看示例和代码 http://www.hiringthing.com/2011/10/31/buttons-with-a-surprise.html
谢谢
最佳答案
当鼠标悬停在页面的主要部分时,您可以附加和删除事件处理程序,以便在使用导航和页面的其他区域时它不会运行。如果页面上有多个元素(如演示中所示),那么您可能无能为力。
关于javascript - 优化 onMouseMove 驱动的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8001146/