本文介绍了一种使用JavaScript来实现鼠标跟踪效果的方法。通过监听文档级的鼠标移动事件，获取鼠标的实时坐标，并更新页面上特定元素的位置，使该元素始终跟随鼠标移动。此技术常用于创建动态网页效果。
<head>
<wbr><wbr><wbr> <script type="text/javascript"></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> // 当监听事件受到body范围大小的限制的时候，那么就在document中监听<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> document.onmousemove = function () {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>//获得鼠标的坐标值</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>var x = window.event.clientX;</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>var y = window.event.clientY;</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> var divfly = document.getElementById("divFly");<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> divfly.style.left = x;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> divfly.style.top = y;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }<br><wbr><wbr><wbr> </script><br> </head><br> <body><br><wbr><wbr><wbr> <div id="divFly" style="position:absolute"><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> <img src="../images/b6.gif" alt="PositionDemo" /><br><wbr><wbr><wbr> </div><br> </body></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
扫一扫
439
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
