图片为什么不能跟着鼠标跑？

郑文

<!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">
document.onmousemove = function () {
var x = window.event.clientX;
var y = window.event.clientY;
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="26613.png" /><br />
Hello Kitty
</div>
</body>
</html>

复制代码

这是代码，不知道为什么不能跟着跑，麻烦各位帮忙看看

彭张铨 · 彭张铨

以前也遇见这种状况改下这句：
divFly.style.pixelLeft = x;
divFly.style.pixelTop = y;
style.left:
定位元素与包含它的矩形左边界的偏移量
style.pixelLeft:
返回定位元素左边界偏移量的整数像素值.因为属性的非像素值返回的是包含单位的字符串,例如,30px. 利用这个属性可以单独处理以像素为单位的数值.

帐号		自动登录	找回密码
密码			加入黑马

图片为什么不能跟着鼠标跑？

评分

1 个回复

评分