.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;
推荐阅读
javascript demo 基本技巧
1.javascript获取网址"?"后面的参数:var query = window.location.search.substring(1); var pairs = query.split("&"); 2.IE浏览器默认的功能停止 (Tab键在地址栏等中的移动停止) 复制代码 代码如下:function>>>详细阅读
本文标题:让div层随鼠标移动的实现代码 ie ff
地址:http://www.17bianji.com/kaifa2/JS/27452.html
1/2 1