<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 20px;
height: 20px;
background: red;
position: absolute;
}
</style>
<script>
function getPos(ev) {
var scrollTop=document.documentElement.scrollTop||document.
body.scrollTop;
var scrollLeft=document.documentElement.scrollLeft||document.
body.scrollLeft;
return{
x: ev.clientX+scrollLeft,y: ev.clientY+scrollTop
};
}
document.onmousemove=function (ev) {
var oDiv=document.getElementsByTagName("div");
var oEvent=ev||event;
var pos=getPos(oEvent);
for(var i=oDiv.length-1;i>0;i--){
oDiv[i].style.left=oDiv[i-1].offsetLeft+"px";
oDiv[i].style.top=oDiv[i-1].offsetTop+"px";
}
oDiv[0].style.left=pos.x+"px";
oDiv[0].style.top=pos.y+"px";
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>