JavaScript实现图片跟随鼠标效果

要求：

1. 在浏览器页面中，图片实时跟随鼠标
2. 鼠标在图片的中心位置

实现思路：

1. 鼠标不断移动，使用鼠标移动事件：mousemove
2. 在页面中移动，给document注册事件
3. 图片要移动距离，而且不占位置，使用绝对定位即可
4. 每次鼠标移动，获得最新的鼠标坐标，把这个x和y坐标作为图片的top和left值就可以移动图片

代码实现：

Document

实现效果：

将代码复制到记事本中，并改名为xx.html，保存。使用浏览器打开即可。