<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Title</title>
</head>
<body>
<!-- <div></div> -->
<img src="./img/1.gif" alt="" id="img" style="position: absolute;">
<script>
let pic = document.querySelector('img');
console.log(pic);
document.addEventListener('mousemove', (e) => {
console.log(e);
let pageX = e.pageX;
let pagey = e.pageY;
pic.style.left = pageX - 33 + 'px';
pic.style.top = pagey - 22 + 'px';
})
</script>
</body>
</html>
08-04
1万+
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
11-12
986
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-01
290
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
06-29
699
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
07-08