手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >让div层随鼠标移动的实现代码 ie ff
让div层随鼠标移动的实现代码 ie ff
摘要:.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;

【让div层随鼠标移动的实现代码 ie ff】相关文章:

剖析Node.js异步编程中的回调与代码设计模式

js实现div层缓慢收缩与展开的方法

JQuery中两个ul标签的li互相移动实现方法

javascript实现淡蓝色的鼠标拖动选择框实例

一些很实用且必用的小脚本代码第1/5页

jQuery实现鼠标经过图片变亮其他变暗效果

实现DIV圆角的JavaScript代码

Javascript 字符串模板的简单实现

一段实时更新的时间代码

鼠标图片振动代码

精品推荐
分类导航