图标跟鼠标一起移动

撰写时间：2019.04.24
今天学会了一个新技能，动态获取鼠标位置，可以在网页上随机移动图标，可以应用在一些个性的导航交互或者页面icon交互。
首先要设置一张图片: 在写样式的时候除了基本宽高，导入图片，最重要的还是位置设置position，除了absolute属性，还有fixed和relative属性可以选择，因为可以这些属性通过"left"、“top”、“right” 以及"bottom" 属性来规定它的位置。而position的另一个值static会忽略任何top、bottom、left 或 right 声明，所以不可用。
图片代码片段：

接下来就是写代码了。 首先获取到图片的ID： var img = document.getElementById('kitty'); 设置图片的onmousedown鼠标按下事件，按下之后获取widow触发对象： img.onmousedown = function (event) { var e = event || window.event, t = e.target || e.srcElement, 获取鼠标按下时的坐标x1，y1： x1 = e.clientX, y1 = e.clientY, 获取鼠标按下时的左右偏移量： skewingLeft = this.offsetLeft, skewingTop = this.offsetTop; 调用鼠标移动事件，获取window触发对象： document.onmousemove = function (event) { var e = event || window.event, t = e.target || e.srcElement, 获取鼠