- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <style>
- img{
- position:absolute;
- top:0;
- left:0;
- }
- </style>
- </head>
- <body>
- <img src="images/angel(1).gif" alt="">
- <script>
- var img=document.querySelector("img");
- document.addEventListener('mousemove',function(e){
- var x=e.pageX;
- var y=e.pageY;
- img.style.left=x-50+"px";
- img.style.top=y-40+"px";
- })
- </script>
- </body>
- </html>
复制代码 document.addEventListener('mousemove',function(e) 这个要注意下,绑定的是文档。
|
|