js跟随鼠标移动案例代码教程

js跟随鼠标移动案例代码教程

1.     <style>
   
2.         img {
   
3.             position: absolute;
   
4.         }
   
5.     </style>
   
6.     <img src="/01_avatar_small.jpg" alt="">
   
7. 
   
8.     <script>
   
9.         var img = document.querySelector('img');
   
10.         document.addEventListener('mousemove', function(e) {
    
11.             var x = e.pageX;
    
12.             var y = e.pageY;
    
13.             img.style.top = y + 'px';
    
14.             img.style.left = x + 'px';
    
15.         });
    
16.     </script>

复制代码

img中src改成你想要的图片即可。