照实例做，图片仍然无法跟随鼠标移动！请问
日期：2014-05-17 浏览次数：20612 次
照实例做，图片仍然无法跟随鼠标移动！请教
目的是要实现图片跟随鼠标移动，执行的时候鼠标稍微能往左边和上面动一下，然后就不动了，请教各位问题出在哪里了？？谢谢
------解决方案--------------------
我的IE9崩了懒得重装，你试试吧。
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
document.onmousemove = function (event) {
event= event
------解决方案--------------------
window.event
var x = (event.pageX != null) ? event.pageX - window.pageXOffset : event.clientX;
var y = (event.pageY != null) ? event.pageY - window.pageYOffset : event.clientY;
var div1 = document.getElementById("div1");
if (!div1) {
return;
}
div1.style.left = x;
div1.style.top = y;
};
</script>
</head>
<body>
<div id="div1" style="position:absolute">
<img src="img\fly.png" /><br />
我是图片。
</div>
</body>
<head>
<title></title>
<script type="text/javascript">
document.onmousemove = function () {
var x = window.event.clientX;
var y = window.event.clientY;
var div1 = document.getElementById("div1");
if (!div1) {
return;
}
div1.style.left = x;
div1.style.top = y;
};
</script>
</head>
<body>
<div id="div1" style="position:absolute">
<img src="img\fly.png" /><br />
我是图片。
</div>
</body>
目的是要实现图片跟随鼠标移动，执行的时候鼠标稍微能往左边和上面动一下，然后就不动了，请教各位问题出在哪里了？？谢谢
------解决方案--------------------
我的IE9崩了懒得重装，你试试吧。
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
document.onmousemove = function (event) {
event= event
------解决方案--------------------
window.event
var x = (event.pageX != null) ? event.pageX - window.pageXOffset : event.clientX;
var y = (event.pageY != null) ? event.pageY - window.pageYOffset : event.clientY;
var div1 = document.getElementById("div1");
if (!div1) {
return;
}
div1.style.left = x;
div1.style.top = y;
};
</script>
</head>
<body>
<div id="div1" style="position:absolute">
<img src="img\fly.png" /><br />
我是图片。
</div>
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
