欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS---案例:图标跟着鼠标飞(有bug)

程序员文章站 2022-12-21 14:07:58
案例:图标跟着鼠标飞(有bug) title

案例:图标跟着鼠标飞(有bug)

 

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>title</title>
  <style>
    img {
      position: absolute;
    }
  </style>
</head>

<body>
  <img src="images/tianshi.gif" alt="" id="im">
  <script src="common.js"></script>
  <script>
    //鼠标在页面中移动,图片跟着鼠标移动
    document.onmousemove = function (e) {
      //鼠标的移动的横纵坐标
      //可视区域的横坐标
      //可视区域的纵坐标
      my$("im").style.left = e.clientx + "px";
      my$("im").style.top = e.clienty + "px";
    };

  </script>
</body>

</html>