让div层随鼠标移动的实现代码 ie ff

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

您可能感兴趣的文章:

• Jquery创建层显示标题和内容且随鼠标移动而移动
• jquery实现的提示浮层跟随鼠标移动
• 当鼠标移动到图片上时跟随鼠标显示放大的图片效果
• javascript实现图片跟随鼠标移动效果的方法
• js实现文字跟随鼠标移动而移动的方法
• 随鼠标移动的图片或文字特效代码
• js图片跟随鼠标移动代码
• javascript DIV跟随鼠标移动
• javascript跟随鼠标x,y坐标移动的字效果
• jQuery实现div跟随鼠标移动