跟随鼠标的图片

一个小demo，让一个下面的小图标在页面内跟随鼠标移动

computer_mouse.png

其基本思路为：
每次移动鼠标，获取鼠标在页面内的坐标，不断地更新图像的图标

    <img src="images/computer_mouse.png"/>
    <script>
        var pic = document.querySelector('img');
        document.addEventListener('mousemove',function(e){
            var x = e.pageX;
            var y = e.pageY;
            console.log('x:' + x + ';y:'+y);
            pic.style.left = (x-15) + 'px';
            pic.style.top = (y-15) + 'px';
        })
    </script>