js鼠标跟随特效小星星

可以使用CSS3和JavaScript实现一个鼠标跟随特效小星星。以下是具体步骤：

1. 在HTML中创建一个包含小星星的div元素，并设置其样式为圆形。

<div id="star"></div>

#star {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: -100px;
  left: -100px;
  z-index: 9999;
  pointer-events: none;
  transition: 0.2s ease-out;
}

2. 使用JavaScript监听鼠标移动事件，并根据鼠标的位置，移动小星星的位置。

const star = document.querySelector("#star");

document.addEventListener("mousemove", (e) => {
  let x = e.clientX;
  let y = e.clientY;
  
  star.style.top = y + "px";
  star.style.left = x + "px";
});

3. 为了使小星星有一个平滑的移动效果，可以添加CSS过渡效果。

#star {
  // ...
  transition: 0.2s ease-out;
}

这样就可以实现一个简单的鼠标跟随特效小星星了。你可以根据自己的需求调整小星星的大小和样式。