Javascript 将鼠标悬停在元素上时使图像跟随光标

我想知道是否可以使用JavaScript创建

这是可能的。当鼠标悬停在特定元素（主体、div等）上时，需要获取鼠标的clientX和clientY位置，并将该坐标添加到创建的图像中

使用鼠标的clientX和clientY位置，并将图像的

顶部

和

左侧

样式位置设置为这些位置

<a href="#" onmouseover="interval()">Link</a>

function interval() {
    while (true) {
        setInterval(showImage, 1);
    }
}

function showImage() {

    var x = clientX;
    var y = clientY;
    var image = document.getElementById("hoverimage");
    image.style.left = x;
    image.style.top = y;
 }

函数间隔（）{
while（true）{
设置间隔（showImage，1）；
}
}
函数showImage（）{
var x=clientX；
var y=客户；
var image=document.getElementById（“hoverimage”）；
image.style.left=x；
image.style.top=y；
}

一旦您将鼠标悬停在链接上，图像将永远每毫秒移动一次鼠标位置。

查看此代码笔