<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
</head>
<style type="text/css">
#div1{
width: 100px;
height: 100px;
background: red;
}
img{
border: 0px;
width: 79px;
height: 79px;
position:absolute;
}
</style>
<script type="text/javascript">
window.οnlοad=function(){
var oDiv1=document.getElementById("div1");
var oPointer=document.getElementById("pointer");
document.οnmοusemοve=function(ev){
var oEvent=ev||event;//鼠标事件
var scrollX=document.documentElement.scrollLeft||document.body.scrollLeft;//滚动条x坐标
var scrollY=document.documentElement.scrollTop||document.body.scrollTop;//滚动条Y坐标
oDiv1.innerHTML=oEvent.clientX;
oPointer.style.top=oEvent.clientY-scrollY+"px";
oPointer.style.left=oEvent.clientX+scrollX+"px";
};
};
</script>
<body>
<div id="div1">
</div>
<img id="pointer" src="header.png" />
</body>
</html>
鼠标滚动
最新推荐文章于 2023-02-06 14:41:07 发布