让div层随鼠标移动的实现代码 ie ff
让div层随鼠标移动的实现代码 ie ff
发布时间:2016-12-30 来源:查字典编辑
摘要:.center_div2{position:absolute;z-index:1;text-align:center;display:non...

.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">

<span><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教程学习
热门Javascript教程学习
编程开发子分类