案例：js跟着鼠标走特效（简单）

最新推荐文章于 2024-01-29 16:18:29 发布

C-A-L-D

最新推荐文章于 2024-01-29 16:18:29 发布

阅读量800

点赞数 2

分类专栏： web前端-JavaScript 文章标签： js

本文链接：https://blog.csdn.net/qq_42952262/article/details/104256358

版权

web前端-JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

效果图：

<!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>
  //鼠标在页面中移动,图片跟着鼠标移动
  document.onmousemove=function (e) { //e为事件参数
    //鼠标的移动的横纵坐标
    //可视区域的横坐标
    //可视区域的纵坐标
    document.getElementById("im").style.left=e.clientX+"px";
    document.getElementById("im").style.top=e.clientY+"px";
  };
</script>
</body>
</html>

C-A-L-D

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
案例：js跟着鼠标走特效（简单）

效果图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> img{ position: absolute; } </s...
复制链接

扫一扫