改了一下,正常了<script language="javascript">
document.onmousemove = get_mouse;
function get_mouse(){
document.getElementById("div1").style.left=event.clientX+"px";
document.getElementById("div1").style.top=event.clientY+"px";
}
</script> <body>
<div id="div1" style="width:300px; height:30px; border-bottom:1px solid #000000; border-left:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;position:absolute;"> </div>
</body>
document.onmousemove = get_mouse;
function get_mouse(){
document.getElementById("div1").style.left=event.clientX+"px";
document.getElementById("div1").style.top=event.clientY+"px";
}
</script> <body>
<div id="div1" style="width:300px; height:30px; border-bottom:1px solid #000000; border-left:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;position:absolute;"> </div>
</body>
1、z=setTimeout(get_mouse(),30); //完全不知道加在这里有什么用,唯一的作用就是让内存益处
2、document.getElementById('a').style.top=event.clientX+document.body.scrollTop;
应该是
document.getElementById('a').style.top=event.clientY;
3、层的样式没有设置position:absolute;