效果图
html
<img src="sc.html/xx.gif" alt="" style="top: 365px; left: 167px;">
css
img {
position: absolute;
width: 100px;
height: 80px;
}
要实现图标跟随鼠标移动,获取鼠标的坐标,(图片要使用绝对定位)将图片的top值和left值通过鼠标y坐标与x坐标减去图片宽高的一半,拼接单位
var img=document.querySelector('img')
document.addEventListener('mousemove',function(e) {
var x=e.pageX
var y=e.pageY
img.style.top=y-40+'px'
img.style.left=x-50+'px'
})