<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onmousemove = function () { var Div = document.getElementById("divFly");
if (!Div) {
return;
}
var x = window.event.clientX; //获得鼠标相对窗口的横坐标
var y = window.event.clientY; //获得鼠标相当窗体的纵坐标 Div.style.left = x;
Div.style.top = y;
var div1 = document.createElement("div");
div1.innerText = window.event.clientX;
Div.appendChild(div1);
}
</script>
</head><body>
<div id="divFly" style="position:absolute;">
<img src="云.jpg"/>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onmousemove = function () { var Div = document.getElementById("divFly");
if (!Div) {
return;
}
var x = window.event.clientX; //获得鼠标相对窗口的横坐标
var y = window.event.clientY; //获得鼠标相当窗体的纵坐标 Div.style.left = x;
Div.style.top = y;
var div1 = document.createElement("div");
div1.innerText = window.event.clientX;
Div.appendChild(div1);
}
</script>
</head><body>
<div id="divFly" style="position:absolute;">
<img src="云.jpg"/>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.onmousemove = function () { var Div = document.getElementById("divFly");
if (!Div) {
return;
}
var x = window.event.clientX; //获得鼠标相对窗口的横坐标
var y = window.event.clientY; //获得鼠标相当窗体的纵坐标 Div.style.left = x;
Div.style.top = y;
var div1 = document.createElement("div");
div1.innerText = window.event.clientX;
Div.appendChild(div1);
}
</script>
</head><body>
<div id="divFly" style="position:absolute;">
<img src="云.jpg"/>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.toopTip
{
background-color:Yellow;
border-style:solid;
border-width:1px;
border-color:Red;
}
</style>
<script language="javascript" type="text/javascript">
function initEvent() {
var divArray = document.getElementsByTagName("div");
for (var i = 0; i < divArray.length; i++) {
divArray[i].onmousemove = createDivDetailOne;
divArray[i].onmouseout = removeDivDetail;
}
}
function createDivDetailOne() {
var divObj = document.getElementById("divDetail");
if(divObj) {
divObj.style.top = window.event.clientY;
divObj.style.left = window.event.clientX;
return;
}
divObj = document.createElement("div");
divObj.className = "toopTip";
divObj.setAttribute("id","divDetail");
divObj.style.position = "absolute";
divObj.style.top = window.event.clientY;
divObj.style.left = window.event.clientX;
var triggerObj = window.event.srcElement;
//var a = triggerObj.id;
divObj.innerHTML = triggerObj.innerText;
document.body.appendChild(divObj);
}
function removeDivDetail() {
var divObj = document.getElementById("divDetail");
if(!divObj)
{
return;
}
document.body.removeChild(divObj);
} window.onload = initEvent;
</script></head>
<body onload="initEvent();" >
<div id="divOne" style="background-color: Fuchsia; width: 100px; height: 100px;">
Hello My Js World!
</div>
<div id="divTwo" style="background-color: Aqua; width: 100px; height: 100px">
Welcome to My Js World!
</div>
<div id="divThree" style="background-color: Gray; width: 100px; height: 100px">
THIS IS My Js World!
</div>
</body>
</html>
if (!Div) {
return;
}
var x = window.event.clientX; //获得鼠标相对窗口的横坐标
var y = window.event.clientY; //获得鼠标相当窗体的纵坐标 Div.style.left = x;
Div.style.top = y; var div1 = document.getElementById("div1");
if(!div1) {
div1=document.createElement("div");
div1.id="div1";
Div.appendChild(div1);
}
div1.innerHTML = window.event.clientX;
}试试这个
或者 document.body.onmousemove