作家
登录

让div层随鼠标移动的实现代码 ie ff

作者: 来源:www.28hudong.com 2013-03-30 02:02:15 阅读 我要评论

.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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)