让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 相关文章推荐
jquery中ajax调用json数据的使用说明
Mar 17 Javascript
php对mongodb的扩展(小试牛刀)
Nov 11 Javascript
jQuery each函数源码分析
May 25 Javascript
js实现数组去重方法及效率?Ρ? target=
Feb 14 Javascript
JavaScript和jQuery制作光棒效果
Feb 24 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 Javascript
基于vue手写tree插件的那点事儿
Aug 20 Javascript
js之切换全屏和退出全屏实现代码实例
Sep 09 Javascript
js+canvas实现画板功能
Sep 13 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 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
PHP HTML JavaScript MySQL代码如何互相传值的方法分享
2012/09/30 PHP
强烈声明: 不要使用(include/require)_once
2013/06/06 PHP
php遍历文件夹所有文件子文件夹函数代码
2013/11/27 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
用函数式编程技术编写优美的 JavaScript_ibm
2008/05/16 Javascript
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
ie支持function.bind()方法实现代码
2012/12/27 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
2016/12/16 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
Webpack实现按需打包Lodash的几种方法详解
2017/05/08 Javascript
jQuery EasyUI开发技巧总结
2017/09/26 jQuery
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
jQuery创建折叠式菜单
2019/06/15 jQuery
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
js瀑布流布局的实现
2020/06/28 Javascript
jQuery实现增删改查
2020/12/22 jQuery
[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密
2014/07/08 DOTA
python爬虫框架talonspider简单介绍
2017/06/09 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
乡下人家教学反思
2014/02/01 职场文书
21岁生日感言
2014/02/27 职场文书
2015出纳试用期工作总结
2014/12/12 职场文书
工作时间调整通知
2015/04/24 职场文书
毕业论文致谢范文
2015/05/14 职场文书
杨善洲电影观后感
2015/06/04 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书