HTML:

<div id="odiv" style=" COLOR: #666; padding: 2px 8px; FONT-SIZE: 12px; MARGIN-RIGHT: 5px; position: absolute; background: #fff; display: block; border: 1px solid #666; top: 50px; left: 10px;"> Move_Me</div>

第一種：

Js:

document.onmousemove = function (ev) { var odiv= document.getElementById("odiv");var oEvent = ev || event;document.onmousemove = function (ev) {//IE支持event，firefox不支持var oEvent = ev || event;var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;var navtop = oEvent.clientY + scrollTop;var navleft = oEvent.clientX + scrollLeft;odiv.style.top = navtop + 'px'; //Yodiv.style.left = navleft + 'px';//X};}}

?

第二種：

Js:

document.onmousemove = function () {var odiv= document.getElementById("odiv");odiv.style.top = parseInt(window.event.y - 40) + "px"; odiv.style.left = parseInt(window.event.x - 20) + "px"; }

　　

要注意父元素的position定位和需要移動的div的position定位關系。我這里父div沒有設置position，子div設置了position:abusolute

?

轉載于:https://www.cnblogs.com/formybestlife/p/7338282.html

總結

以上是生活随笔為你收集整理的Js实现div随鼠标移动的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。