首页 > 其他 > 详细

实现一个鼠标跟随

时间:2020-07-23 22:04:48      阅读:57      评论:0      收藏:0      [点我收藏+]
<style>
  #pionter {
    width: 20px;
    height: 20px;
    background: pink;
    border-radius: 20px;
    position: absolute;
  }
</style>
<div id="pionter"></div>
<script>
  window.onload = function () {
    var pionter = document.querySelector(#pionter);
    window.onmousemove = function (e) {
      setTimeout(()=>{
        pionter[style][left] = e.clientX-10 + px;
        pionter[style][top] = e.clientY-10 + px;
      },30)
    };
  }; 
</script>
 

实现一个鼠标跟随

原文:https://www.cnblogs.com/zwhbk/p/13367145.html

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