<style>
.box{width: 10px;height: 10px;border-radius: 50%;
background: red;
position: absolute;left:0;top:0;}
</style>
<body>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</body>
var abox = document.querySelectorAll(".box");
document.onmousemove = function(eve){
var e = eve || window.event;
// 先走最后一个,找到前一个元素的位置,依次向前
for(var i=abox.length-1;i>0;i--){
// 设置给了当前元素的left和top 获取前一个元素的left和top
abox[i].style.left = abox[i-1].offsetLeft + "px";
abox[i].style.top = abox[i-1].offsetTop + "px";
}
// 剩下第一个,直接找鼠标
abox[0].style.left = e.pageX + "px";
abox[0].style.top = e.pageY + "px";
}
</script>