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

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

时间: 2023-02-02 08:40:08 浏览: 107

关于前端div的移动代码

js,htmldiv如何实现动画

以下是一个简单的示例代码： ``` <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 标签的位置，使其跟随鼠标移动。

阅读全文