本文展示了一种通过监听鼠标移动事件，在页面上动态调整元素位置的方法，利用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>
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
