Javascript 在鼠标移动时在鼠标位置创建一个圆

我正在尝试编写自定义鼠标轨迹的代码。要做到这一点，我使用的临时div出现在鼠标位置，并在一个小间隔后淡出。当前，div仅显示在鼠标位置。我试图让它们出现在鼠标当前所在的位置，并在鼠标继续移动和绘制更多div时停留在那里。另外，我如何为每个单独的div添加淡出效果，使其在放置后慢慢变透明

这是到目前为止我的代码

var posX，
波西，
暂停=空，
圆圈=[]，
maxCircles=30，
//div的宽度和高度
圈出，
//边界半径使其看起来像一个圆
拉德，
兰德圈；
$（文档）.ready（函数（）{
对于（变量i=0；i
body，html{
身高：100%；
背景：#eee；
}
您的div会改变位置，因为您正在使用类名“circle”设置每个div的位置

你需要改变

$('.circle').css({position:"absolute", top:posY,left:posX});

到

要使它们淡出，您可以使用CSS向圆圈添加动画。
这是一个非常广泛的问题。如何确定何时绘制div？什么时候不画div？会有多个div吗？为什么你要创建30个div，然后只使用其中的一个呢？也许你应该在CodeReview SE上向大家展示你的代码，他们可以让你的cose风格更好。是的，就是这样！谢谢，我会看看css的淡出animation@Haq.H不，只需查看CSS动画即可
circles[randCircle].css({position:"absolute", top:posY,left:posX});