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


Posted in Javascript onDecember 18, 2009

.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.3water.com/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 相关文章推荐
javascript 事件查询综合 推荐收藏
Mar 10 Javascript
JavaScript Date对象 日期获取函数
Dec 19 Javascript
JS去除字符串两端空格的简单实例
Dec 27 Javascript
js实现文本框选中的方法
May 26 Javascript
AngularJS控制器详解及示例代码
Aug 16 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
浅谈JavaScript作用域和闭包
Sep 18 Javascript
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
javaScript 连接打印机,打印小票的实例
Dec 29 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
Javascript在IE或Firefox下获取鼠标位置的代码
Dec 18 #Javascript
javascript 导出数据到Excel(处理table中的元素)
Dec 18 #Javascript
event.srcElement 用法笔记e.target
Dec 18 #Javascript
Javascript document.referrer判断访客来源网址
May 15 #Javascript
Javascript 中介者模式实例
Dec 16 #Javascript
js textarea自动增高并隐藏滚动条
Dec 16 #Javascript
javascript 动态设置已知select的option的value值的代码
Dec 16 #Javascript
You might like
php实现telnet功能示例
2014/04/08 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
JavaScript实现搜索框的自动完成功能(一)
2016/02/25 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
Javascript删除指定元素节点的方法
2016/06/21 Javascript
JS 实现Base64编码与解码实例详解
2016/11/07 Javascript
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
原生js实现的观察者和订阅者模式简单示例
2020/04/18 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
[04:10]DOTA2英雄梦之声_第11期_圣堂刺客
2014/06/21 DOTA
python 从远程服务器下载日志文件的程序
2013/02/10 Python
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
python获取当前运行函数名称的方法实例代码
2017/04/06 Python
NumPy.npy与pandas DataFrame的实例讲解
2018/07/09 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
python爬虫工具例举说明
2020/11/30 Python
如何用python写个模板引擎
2021/01/14 Python
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
柯基袜:Corgi Socks
2017/01/26 全球购物
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
2015年会计工作总结范文
2015/05/26 职场文书
MYSQL主从数据库同步备份配置的方法
2021/05/26 MySQL
看完这篇文章获得一些java if优化技巧
2021/07/15 Java/Android
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python