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;
让div层随鼠标移动的实现代码 ie ff
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@