【javaScript】鼠标跟随

鼠标跟随

一、功能

更改鼠标页面显示样式，可以添加图片进行鼠标跟随

二、实现思路

监听鼠标移动事件

通过event获取鼠标位置

图片通过定位实现位置的移动

<!--html-->
<img src="图片路径" alt="" id="angel">

/*css样式*/
#angel {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    top: 0;
}

/*javaScript*/   
	document.addEventListener('mousemove', function (e) {
        angel.style.left = e.pageX + 'px';
        angel.style.top = e.pageY + 'px';
    })