案例分析:
① 监听鼠标移动,使用鼠标移动事件 mousemove
② 鼠标在页面中移动,给document注册事件
③ 图片需移动距离,且不占位置,使用绝对定位
④ 核心原理:每次鼠标移动时,我们都要获取最新的鼠标坐标,如何根据鼠标坐标的pagex与pagey作为图片的 top 和 left 值就可以移动图片了
代码:

案例分析:
① 监听鼠标移动,使用鼠标移动事件 mousemove
② 鼠标在页面中移动,给document注册事件
③ 图片需移动距离,且不占位置,使用绝对定位
④ 核心原理:每次鼠标移动时,我们都要获取最新的鼠标坐标,如何根据鼠标坐标的pagex与pagey作为图片的 top 和 left 值就可以移动图片了
代码: