1.鼠标不停的移动,给鼠标添加事件 mousemove
2.鼠标在页面中不停的移动,给document注册事件
3.找到鼠标的e.pageX 和e.pageY
4.给图片添加定位 不占据空间 绝对定位
将top e.pageY+‘px’ lefte.pageX+‘px’
<style>
img {
height: 50px;
width: 50px;
position: absolute;
transform: translate(-25px, -25px);
}
</style>
</head>
<body>
<img src="./images/tongyuqing.jpg" alt="">
<script>
let img = document.querySelector('img')
document.addEventListener('mousemove', function (e) {
//console.log(e.clientX, e.clientY);
img.style.top = e.pageY + 'px';
img.style.left = e.pageX + 'px';
})
</script>
</body>