让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 相关文章推荐
XHTML-Strict 内允许出现的标签
Dec 11 Javascript
JavaScript初学者需要了解10个小技巧
Aug 25 Javascript
JavaScript中的类继承
Nov 25 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
详解Bootstrap创建表单的三种格式(一)
Jan 04 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
浅谈javascript中的加减时间
Jul 12 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
详解es6新增数组方法简便了哪些操作
May 09 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
JS 5种遍历对象的方式
Jun 16 Javascript
Openlayers绘制聚合标注
Sep 28 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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
解析yii数据库的增删查改
2013/06/20 PHP
PHP中spl_autoload_register()和__autoload()区别分析
2014/05/10 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
JS delegate与live浅析
2013/12/21 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
python把转列表为集合的方法
2019/06/28 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
PyCharm 在Windows的有用快捷键详解
2020/04/07 Python
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
如何利用find命令查找文件
2015/02/07 面试题
文员岗位职责范本
2014/03/08 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
事假请假条范文
2014/04/11 职场文书
《悯农》教学反思
2014/04/28 职场文书
创先争优标语
2014/06/27 职场文书
公路局群众路线教育实践活动第一阶段工作汇报
2014/10/25 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
党支部综合考察意见
2015/06/01 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis