html 跟随鼠标光标移动的div

要实现跟随鼠标光标移动的 div，可以使用 CSS 和 JavaScript 来完成。

首先，我们需要将 div 的位置设置为绝对定位，并且将其 z-index 属性设置为更高的值，以确保它始终处于页面上方。

然后，我们可以使用 JavaScript 的 mousemove 事件来获取鼠标的坐标，并将 div 的位置设置为鼠标的坐标。

具体实现代码如下：

HTML 代码：

<div id="followDiv">跟随鼠标光标移动的 div</div>

CSS 代码：

#followDiv {
  position: absolute;
  z-index: 9999;
}

JavaScript 代码：

var followDiv = document.getElementById('followDiv');

window.addEventListener('mousemove', function(e) {
  var x = e.clientX;
  var y = e.clientY;
  followDiv.style.left = x + 'px';
  followDiv.style.top = y + 'px';
});

这样就可以实现一个跟随鼠标光标移动的 div 了。