<style>
div{width: 10px; height:10px; 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>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
上一篇:
js实现完美拖拽效果
下一篇:
js完美运动之微博发布效果
友情提示:垃圾评论一律封号...