本文详细介绍了如何在双十二活动期间实现鼠标跟随运动效果，包括原理解释、关键代码实现和方向判断方法，通过atan2函数计算角度来精确控制元素的移动路径。
在双十二活动中，视觉要求实现一个鼠标跟随运动的的效果，就像“觉”的那个效果类似
其实原理很简单，看鼠标从哪个方向进的及从哪个方向出的，然后区块里绝对定位的浮层就可以根据鼠标方向
运动;
如：在鼠标进入事件中判断鼠标从左边进入区块那么定位层就从left:区块宽走到区块零，在鼠标离开事件中判断鼠标是从上边离开的那么定位层就从top:零走到负的区块高度就可以的。是不是很简单呢，但是有一个问题就是怎么判断方向？那么我们的atan2就隆重出场了。
看一下w3cshool上是怎么介绍atan2()的
atan2(x,y)：返回-PI 到 PI 之间的值，是从 X 轴正向逆时针旋转到点 (x,y) 时经过的角度。
看维基网上的一张图：
那我们是不是计算出区块四个顶点的的atan2值，然和鼠标的atan2值比较确定范围看图：
是不由
CB>=RB&&CB<RT就在左边
CB>=RT&&CB<LT就在上边
CB>=LB&&CB<RB就在下边
否则就在右边
是不是在鼠标进入及鼠标离开事件中就可以很容易的实现了
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
