JS 图片跟随鼠标移动案例

css代码

  img {
             position: absolute;
             /* top: 2px; */
             width: 50px;
             height: 50px;
         }

HTML代码

 <img src="../imges/u=3568135932,2181685849&fm=26&gp=0.jpg" alt="">

js代码

     <script>
         var pic = document.querySelector('img')
         document.addEventListener('mousemove', function (e) {
             var x = e.pageX;
             var y = e.pageY;
             // 一定要给left和top添加px单位
             pic.style.left = x + 'px';
             pic.style.top = y + 'px';

         })
     </script>

效果图