源代码如下
<head>
<title></title>
<script type="text/javascript">
document.onmousemove = function() {
var x = window.event.clientX;
var y = window.event.clientX;
var divFly = document.getElementById("divFly");
if (!divFly) {
return;
}
divFly.style.left = x;
divFly.style.top = y;
};
</script>
</head>
<body>
<div id="divFly" style="position:absolute">
<img src="girl.gif" /><br />
我是美女
</div>
</body>
</html>
我在IETest下测试发现IE6到IE8都是支持的,但是在最新的IE9中却失效了,请问高手要怎么修改让IE9也能支持。
<head>
<title></title>
<script type="text/javascript">
document.onmousemove = function() {
var x = window.event.clientX;
var y = window.event.clientX;
var divFly = document.getElementById("divFly");
if (!divFly) {
return;
}
divFly.style.left = x;
divFly.style.top = y;
};
</script>
</head>
<body>
<div id="divFly" style="position:absolute">
<img src="girl.gif" /><br />
我是美女
</div>
</body>
</html>
我在IETest下测试发现IE6到IE8都是支持的,但是在最新的IE9中却失效了,请问高手要怎么修改让IE9也能支持。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<title></title>
<script type="text/javascript">
document.onmousemove = function(evt) {
var event=window.event?window.event:evt;
var x = event.clientX;
var y = event.clientX;
var divFly = document.getElementById("divFly");
if (!divFly) {
return;
}
divFly.style.left = x;
divFly.style.top = y;
};
</script>
</head>
<body>
<div id="divFly" style="position:absolute">
<img src="girl.gif" /><br />
我是美女
</div>
</body>
</html>这个是页面 你再试一下 我在 ie9上试了哈 没问题
var event=window.event?window.event:evt;
有这个就可以了
<html xmlns="http://www.w3.org/1999/xhtml" >
与
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
的问题
divFly.style.left = x;
divFly.style.top = y;
这个也要注意,需要改成
divFly.style.left = x+'px';
divFly.style.top = y+'px';
divFly.style.top = y+'px'; 源代码这样改就可以了