<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div{ width: 10px; height: 10px; background: #99f; border-radius: 50%; position: absolute;
left: 0; top: 0;}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
<script>
var adiv = document.querySelectorAll("div");
document.addEventListener("mousemove",function(eve){
var e =eve||window.event;
for(var i=adiv.length-1; i>0; i--){
adiv[i].style.left=adiv[i-1].offsetLeft+"px";
adiv[i].style.top=adiv[i-1].offsetTop+"px";
}
adiv[i].style.left= e.clientX+"px";
adiv[i].style.top= e.clientY+"px";
})
</script>
</html>
