優化由onMouseMove驅動的動畫

Question

爲了給我們的web應用程序添加一些個性，我在機器人吉祥物從鼠標移近時窺視的某些元素上添加了一些動畫。爲此，我使用onmousemove函數檢查光標的距離，並在鼠標關閉時檢查機器人的動畫。

它工作的很好，但是當用戶移動鼠標時，即使它沒有動畫時，它每秒鐘都會多次運行此功能，似乎非常沒有優化。我的問題是，有沒有其他常見的方法來做像這樣的動畫不會不必要地使用CPU？

你可以看到例子，在我們的博客代碼在這裏http://www.hiringthing.com/2011/10/31/buttons-with-a-surprise.html

感謝

Answer 1

懸停在頁面的主要部分時，使其不運行時，您可以安裝和取下事件處理程序使用導航和頁面的其他區域。如果頁面上有多個元素，就像在演示中一樣，那麼您可能無法做其他事情。