黑马程序员技术交流社区

标题: 图片为什么不能跟着鼠标跑？ [打印本页]
作者: hehe04    时间: 2012-9-17 12:01
标题: 图片为什么不能跟着鼠标跑？
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title></title>
  5.     <script type="text/javascript">
  6.         document.onmousemove = function () {
  7.             var x = window.event.clientX;
  8.             var y = window.event.clientY;
  9.             var divFly = document.getElementById("divFly");
  10.             if (!divFly) {
  11.                 return;
  12.             }
  13.             divFly.style.left = x;
  14.             divFly.style.top = y;
  15.         };

  17.     </script>
  18. </head>
  19. <body>
  20. <div id="divFly" style="position:absolute">
  21. <img src="26613.png" /><br />
  22. Hello Kitty
  23. </div>
  24. </body>
  25. </html>
复制代码
这是代码，不知道为什么不能跟着跑，麻烦各位帮忙看看
作者: 彭张铨    时间: 2012-9-17 15:47
以前也遇见这种状况改下这句：
divFly.style.pixelLeft = x;
divFly.style.pixelTop = y;
style.left:   
  定位元素与包含它的矩形左边界的偏移量  
style.pixelLeft:
返回定位元素左边界偏移量的整数像素值.因为属性的非像素值返回的是包含单位的字符串,例如,30px.   利用这个属性可以单独处理以像素为单位的数值.   




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2