让div层随鼠标移动的实现代码 ie ff |
本文标签:div层,鼠标移动 .center_div2 { position: absolute; z-index: 1; text-align: center; display: none; background-color: #e0e7ef; } .center_div_tips2 { position: relative; color: Red; } <div id="detailDiv" class="center_div2"> <span class="center_div_tips2"><img src="http://img.jb51.net/imgby/loading.gif" alt="" />数据更新中...</span> </div> 复制代码 代码如下: function IsIE() { var OsObject = ""; if (navigator.userAgent.indexOf("MSIE") > 0) { return true; } } function mouseMove(ev) { /*ie 与ff的event 机制不同*/ ev = ev || window.event; var mousePos = mouseCoords(ev); var detailDiv = document.getElementById("detailDiv"); //将要弹出的层 detailDiv.style.left = (mousePos.x + 10) + "px"; detailDiv.style.top = (mousePos.y + 18) + "px"; } function mouseCoords(ev) { if (ev.pageX || ev.pageY) { return { x: ev.pageX, y: ev.pageY }; } /*ie 与 ff的边界 处理不同*/ if (IsIE()) { return { x: ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft, y: ev.clientY + document.documentElement.scrollTop - document.documentElement.clientTop } } else { return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.body.scrollTop - document.body.clientTop } } } document.onkeydown = keydown; |