Javascript 光标后面应该有两个圆圈–；一小一大（有延迟）

我现在在一些网站上看到了这种趋势，默认光标被一个新的光标所取代——在很多情况下是圆形的

这些光标是交互式的——我的意思是，当鼠标悬停在a标签上时，它会改变大小和颜色

在这个网站上：你可以看到我想要的光标效果

我试过做一支钢笔，但它不能正常工作：

我希望中间的圆圈是光标，大圆圈在后面跟着光标。 当悬停a标签时，它应该环绕a标签，类似于网站上的示例。如果可能的话，可以使用javascript和css

---

这是怎么可能的？

你几乎很好，只需使两个元素的行为相同，通过在小元素上添加过渡，你将使其变慢并产生后续效果

$（'body'）.mouseover（函数（）{
$（this.css）({
光标：“无”
});
});
$（文档）.on（'mousemove'，函数（e）{
$（“#大圆圈”）.css({
左：e.pageX，
顶部：e.pageY
});
$（“#圆”）.css({
左：e.pageX，
顶部：e.pageY
});
});
#大圆圈{
显示：块；
位置：绝对位置；
利润上限：-30px；
左边距：-30px；
宽度：60px；
高度：60px；
z指数：-1；
文本对齐：居中；
边框：2倍纯红；
边界半径：50%；
}
#圈{
显示：块；
位置：绝对位置；
保证金：自动；
过渡：所有1s线性；
宽度：15px；
高度：15px；
最高保证金：-7.5px；
左边距：-7.5px；
z指数：-1；
背景色：rgba（255,0,0,0.5）；
边界半径：50%；
盒子阴影：0px 0px 10px 4px rgba（255，255，255，1）；
}
a{
字号：26px；
文本对齐：居中；
保证金：100像素自动；
显示：块；
}
a:悬停{
字体大小：30px；
}

link
Ahhh好的–最后一个例子似乎是正确的，但如何才能做到这一点，因此当悬停链接时，大圆圈会扩大？@DWTBC对于第二个功能，您可以在鼠标悬停/鼠标移出链接时添加事件，并更改圆圈的CSS以使其更大或任何其他样式。。我要做一个代码；）@DWTBC添加了一个可以改进的简单示例；）我不知道为什么不使用
cursor
属性而不是div来实现游标；将#圆更改为position:absolute，并将生成的坐标更改为d.pageX和d.pageY会有很大的帮助。您不需要将图像添加到cursor属性中才能实现这一点吗？
<div id="cursor">
<div id="circle-big"></div>
<div id="circle"></div>
</div>