1111学习记录点坐标follow

最新推荐文章于 2024-07-19 11:20:39 发布

gao_j

最新推荐文章于 2024-07-19 11:20:39 发布

阅读量157

点赞数

本文链接：https://blog.csdn.net/gao_j/article/details/53130231

版权

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
div {width:10px; height:10px; background:black; 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 aDiv=document.getElementsByTagName('div');
   var oEvent=ev||event;
   
   var pos=getPos(oEvent);
   
   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[0].style.left=pos.x+'px';
   aDiv[0].style.top=pos.y+'px';
};
</script>
</head>

<body>
<div></div>
<div></div>
<div></div>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gao_j

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1111学习记录点坐标follow

HTML>charset="utf-8">无标题文档div {width:10px; height:10px; background:black; position:absolute;}function getPos(ev){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop
复制链接

扫一扫