900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > DOM:让一个元素跟随鼠标移动而移动(鼠标移动小练习)

DOM:让一个元素跟随鼠标移动而移动(鼠标移动小练习)

时间:2023-11-13 22:34:42

相关推荐

DOM:让一个元素跟随鼠标移动而移动(鼠标移动小练习)

<div class="btn"></div><script>var btn = document.querySelector(".btn");// 给页面添加鼠标移动事件监听 获取浏览器文档的X和Y坐标document.addEventListener("mousemove",function(e){var x = e.pageX;var y = e.pageY;// 让btn的left和top值等于x和y 这样btn就能随鼠标移动而跟着移动// x和y各减25px是让鼠标处于btn中间的位置,体验更好,因为默认箭头是处于元素左上角位置btn.style.left = x-25+"px";btn.style.top = y-25+"px";})</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。