如何实现跳舞小人鼠标跟随的动态鼠标事件效果？

本文共计2306个文字，预计阅读时间需要10分钟。

目录+鼠标跟随事件+实现效果+基本属性的定义+根据鼠标位置计算图片旋转角度和翻转+实现图片跟随+源码+鼠标跟随事件+在这里，我想实现一个灰太狼抓羊的动画效果。

目录

• 鼠标跟随事件
• 实现效果
• 基本属性的定义
• 根据鼠标在图片上的位置计算图片的旋转角度和翻转
• 实现图片跟随
• 源码

鼠标跟随事件

在这里，我本来想弄一个灰太狼抓羊的动画效果，就是将我们的鼠标logo替换成一只羊的照片，然后后面跟随着一只狼，设置了cursor: url('./01.gif'), auto这个属性，但是好像没有成功，好像是兼容问题。于是找了一张给会动的gif。

实现效果

整体十分简单，主要就是js代码。