鼠标跟随及鼠标左边显示JS代码（支持火狐及IE版）

9th
JUL

鼠标跟随及鼠标左边显示JS代码（支持火狐及IE版）

Posted by JCLee under 技术

<script type=”text/javascript”>

function mousePosition(ev){
//支持火狐
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
//支持IE
return {
x:ev.clientX + document.body.scrollLeft – document.body.clientLeft,
y:ev.clientY + document.body.scrollTop – document.body.clientTop
};
}

function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);

document.getElementById(‘div1′).innerHTML = mousePos.x +”:”+mousePos.y ;

document.getElementById(‘div1′).style.left = mousePos.x+100 + “px”;
document.getElementById(‘div1′).style.top = mousePos.y+50 + “px”;

}

//事件添加
document.onmousemove = mouseMove;

</script>

<p id=’pi’></p>
<div id=’div1′ style=”position:absolute;
left:50;
top:10;
z-index:1000;
padding:0px;
background-color:#FFFFCC;
color:#201000;
font-size:12px;
border:1px solid #284860;”></div>