zoukankan      html  css  js  c++  java
  • JS---案例:图标跟着鼠标飞(有bug)

    案例:图标跟着鼠标飞(有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>
  • 相关阅读:
    个人作业——软件工程实践总结作业
    BETA答辩总结
    beta冲刺7
    beta冲刺6
    beta冲刺5
    beta冲刺4
    beta冲刺3
    华为云
    beta冲刺2
    beta冲刺1
  • 原文地址:https://www.cnblogs.com/jane-panyiyun/p/12034570.html
Copyright © 2011-2022 走看看