CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动
生活随笔
收集整理的這篇文章主要介紹了
CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
cursor: url(//img.58cdn.com.cn/resource/xxzl/captcha/pencil.png), default;
????????
/*獲取鼠標位置,讓提示氣泡框跟隨鼠標*/
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";
});
總結
以上是生活随笔為你收集整理的CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: div渐变遮罩效果:纵向和水平反向渐变遮
- 下一篇: 【汇总】细数VSCode中那些能够真正意