拉钩网的一个效果,原理是判断鼠标移入以及移出的方向,我称这个效果为:跟随鼠标移入移出.
思路:
1.封一函数,专门负责计算X、Y点的坐标,如X的坐标就是物体的offsetLeft加上它宽度的一半再减去鼠标对于页面的水平坐标(clientX);并且运用反正切、圆周率等数学运算返回上下左右对应的四个值0、1、2、3。
2.循环加移入移出事件,并用封装的那个函数返回的值来判断覆盖层运动的方向,此效果实现。
*:整个效果的难点在于那个小函数,运用到反正切、圆周率等,对于数学不过关的我来说确实够喝一壶的,一旦明白那个小函数以后一切都是很简单。注意onmouseover(out)的bug,要判断是否真移入移出。