1. 首页
  2. 编程语言
  3. Javascript
  4. javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)

javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)

上传者: 2021-11-16 07:16:25上传 PDF文件 214.02 KB 热度 19次

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

下载地址
用户评论