鼠标跟随
一、功能
更改鼠标页面显示样式,可以添加图片进行鼠标跟随
二、实现思路
监听鼠标移动事件
通过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';
})