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>

 效果圖