用js写跟随鼠标移动

最新推荐文章于 2023-06-25 21:58:22 发布

13572025090

最新推荐文章于 2023-06-25 21:58:22 发布

阅读量544

点赞数 1

文章标签： javascript html 前端 css css3

本文链接：https://blog.csdn.net/weixin_35751194/article/details/129073335

版权

可以使用 JavaScript 在网页中跟随鼠标移动。下面是一个例子：

<html>
<head>
<style>
#box {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
}
</style>
</head>
<body>

<div id="box"></div>

<script>
document.addEventListener("mousemove", function(event) {
  var x = event.clientX;
  var y = event.clientY;
  document.getElementById("box").style.top = y + "px";
  document.getElementById("box").style.left = x + "px";
});
</script>

</body>
</html>

这段代码会在页面中创建一个红色的正方形，并使它跟随鼠标的移动而移动。

希望这对你有帮助！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

13572025090

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
用js写跟随鼠标移动

可以使用 JavaScript 在网页中跟随鼠标移动。下面是一个例子：<html><head><style>#box { width: 100px; height: 100px; background-color: red; position: absolute;}</style></head><bo...
复制链接

扫一扫