html部分直接在body开头加上img图标地址即可
<img src="图标地址" class="xg-mouse">
图标建议使用透明背景的png或svg
CSS部分直接定义图标大小和绝对定位即可
.xg-mouse {width:40px;height:40px;position: absolute;}
JS部分使用简单的移动鼠标来定义x和y值随动
document.addEventListener('mousemove',(e) => {
let x = e.clientX;
let y = e.clientY;
let img = document.querySelector('.xg-mouse');
img.style.top = y + 'px';
img.style.left = x + 'px';
})
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。