如何实现跳舞小人鼠标跟随效果的长尾？

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

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

目录

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

鼠标跟随事件

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

实现效果

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

html里我们就只是放了一张图片

<div class="img"></div>

然后简简单单的给他们设置了一下大小和样式。