让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 相关文章推荐
js两行代码按指定格式输出日期时间
Oct 21 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
Jan 11 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
js 操作符汇总
Nov 08 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
Sep 24 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
jquery 动态增加删除行的简单实例(推荐)
Oct 12 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 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中多维数组按指定value排序的实现代码
2014/08/19 PHP
PHP中include()与require()的区别说明
2017/02/14 PHP
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
2017/05/20 jQuery
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
2017/12/20 jQuery
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
js键盘事件实现人物的行走
2020/01/17 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
python 输出一个两行字符的变量
2009/02/05 Python
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python 绘图和可视化详细介绍
2017/02/11 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
对Python实现简单的API接口实例讲解
2018/12/10 Python
Django model update的多种用法介绍
2020/03/28 Python
python实现比对美团接口返回数据和本地mongo数据是否一致示例
2019/08/09 Python
python多项式拟合之np.polyfit 和 np.polyld详解
2020/02/18 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
主要的Ajax框架都有什么
2013/11/14 面试题
安全技术说明书
2014/05/09 职场文书
高职教师先进事迹材料
2014/08/24 职场文书
离婚案件原告代理词
2015/05/23 职场文书
2016年安全月活动总结
2016/04/06 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
使用 Apache Dubbo 实现远程通信(微服务架构)
2022/02/12 Servers
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL