CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动
生活随笔
收集整理的這篇文章主要介紹了
CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
cursor: url(//img.58cdn.com.cn/resource/xxzl/captcha/pencil.png), default;
????????
/*獲取鼠標(biāo)位置,讓提示氣泡框跟隨鼠標(biāo)*/
var sgTip=document.querySelector("#sgTip")
document.addEventListener("mousemove", e => {console.log(e.clientX, e.clientY);sgTip.style.left = e.clientX + 20 + "px", sgTip.style.top = e.clientY + 20 + "px";
});
總結(jié)
以上是生活随笔為你收集整理的CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: div渐变遮罩效果:纵向和水平反向渐变遮
- 下一篇: 【汇总】细数VSCode中那些能够真正意