JavaScript--跟随鼠标的天使、留言管理、动态生成表格

最新推荐文章于 2022-11-16 11:32:23 发布

winneryy

最新推荐文章于 2022-11-16 11:32:23 发布

阅读量142

点赞数

分类专栏： web前端文章标签： javascript html5

本文链接：https://blog.csdn.net/winneryy/article/details/110490008

版权

web前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

1.简单留言管理
效果图如下：
在这里插入图片描述

参考代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
 img{
  positon:absolute;
  top:2px;
 }
 </style>
<body>
 <img  src="images/angel.gif"  alt="">
 <script>
  var  pic=document.querySelector('img');
       document.addEventListener('mousemove',function(e){
       //1.mousemove 只要我们鼠标移动1px 就会触发这个事件
    //每次鼠标移动就会获得新的鼠标坐标
    var x=e.pageX;
    var y=e.pageY;
    //千万别忘了加px
    pic.style.left=x-50+'px';
          pic.style.top=y-40+'px';
    });      
 </script>
</body>
</html>