写一个前端代码，使div标签跟着移动

最新推荐文章于 2023-05-17 14:43:36 发布

滚菩提哦呢

最新推荐文章于 2023-05-17 14:43:36 发布

阅读量134

点赞数

文章标签：前端 javascript css html css3

本文链接：https://blog.csdn.net/weixin_35755823/article/details/129083908

版权

以下是一个简单的示例代码：

<html>
  <head>
    <style>
      div {
        position: absolute;
        top: 100px;
        left: 100px;
        width: 100px;
        height: 100px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="box"></div>
    <script>
      const box = document.querySelector("#box");
      document.addEventListener("mousemove", (event) => {
        box.style.top = event.clientY + "px";
        box.style.left = event.clientX + "px";
      });
    </script>
  </body>
</html>

这段代码使用 JavaScript 监听鼠标移动事件，更新 div 标签的位置，使其跟随鼠标移动。

滚菩提哦呢

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
写一个前端代码，使div标签跟着移动

以下是一个简单的示例代码：<html> <head> <style> div { position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; backgr...
复制链接

扫一扫

写一个前端代码，使div标签跟着移动

“相关推荐”对你有帮助么？