javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
设直线与垂直方向的夹角为a,假设圆心点坐标为(0,0),可以得到以下公式tan = x/y = x0/y0在mousemove事件中,可以很容易的得到鼠标位置(x,y),由此求出夹角a,进而可以求出眼球的位置设左眼为ball1,右眼为ball2。左眼的圆心坐标是,右眼的圆心坐标是,眼球可以移动的半径是12px苹果菜单中也存在着鼠标跟随运动,与鼠标距离越近的菜单项的宽高越大,越远则宽高越小鼠标坐标可以通过mousemove事件中的clientX和clientY获得。然后,动态元素进行匀速直线运动,最终停止在与静态元素重合的位置动态元素移出静态元素的范围时,要注意的是,并不会触发静态元素的mouseout事件。所以,触发的是动态元素的mouseout事件
下载地址
用户评论