<!DOCTYPE html> <html lang="zh"> <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> </head> <style> div{width: 10px;height: 20px;background-color: red;position: absolute;} </style> <body> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </body> <script type="text/javascript"> 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> </html>