首页 > Web开发 > 详细

js 鼠标跟随

时间:2021-05-15 00:47:41      阅读:27      评论:0      收藏:0      [点我收藏+]

 div { position: absolute;width: 10px;height: 10px;background: #f00;}

<script type="text/javascript">
    for (var i = 0; i < 10; i++) {
      var oDiv = document.createElement("div");
      document.body.appendChild(oDiv);
    }
    var aDiv = document.querySelectorAll("div");
    document.onmousemove = function (e) {
      var evt = e || event;
      var x = evt.clientX;
      var y = evt.clientY;
      aDiv[0].style.left = x + "px";
      aDiv[0].style.top = y + "px";
      for (var i = aDiv.length - 1; i >= 1; i--) {
        aDiv[i].style.left = aDiv[i - 1].style.left;
        aDiv[i].style.top = aDiv[i - 1].style.top;
      }
    }
  </script>

 

js 鼠标跟随

原文:https://www.cnblogs.com/yunyin/p/14770451.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!