A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

下面的是我的程序;
  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6.         <style type="text/css">
  7.                 #bodyid{
  8.                         border:#000 1px solid;
  9.                         width:300px;
  10.                         height:600px;
  11.                 }
  12.         </style>
  13.     <script type="text/javascript">
  14.                 window.onload=function()
  15.                 {
  16.                         document.body.onmousemove=function()
  17.                         {
  18.                                 var adNode=document.getElementById("ad");
  19.                                 adNode.style.left=event.x;
  20.                                 adNode.style.top=event.y;
  21.                         }
  22.                 }
  23.         </script>
  24. </head>

  25. <body>
  26.         <div id="ad" style="position:absolute; left:0; top:0">
  27.             <img src="1.jpg" height="80px" width="100px" />
  28.     </div>
  29.     <div id="bodyid">
  30.     body区域
  31.     </div>
  32. </body>
  33. </html>
复制代码
为什么我的结果不是随着光标的移动而用呢?求各位大侠给个帮助?

1 个回复

倒序浏览
  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7.                 #bodyid{
  8.                         border:#000 1px solid;
  9.                         width:300px;
  10.                         height:600px;
  11.                 }
  12. </style>

  13. <script type="text/javascript">
  14.                 window.onload=function()
  15.                 {
  16.                         document.body.onmousemove=function()
  17.                         {
  18.                                 var adNode=document.getElementById("ad");
  19.                                 adNode.style.left=event.x-30;   //这里可以适当减去30个像素,这样鼠标的位置就不会处于div的边缘了。
  20.                                 adNode.style.top=event.y-30;  //同理
  21.                         }
  22.                 }
  23. </script>
  24. </head>

  25. <body>
  26.         <div id="ad" style="position:absolute; left:0; top:0">
  27.             <img src="1.jpg" height="80px" width="100px" />
  28.     </div>
  29.     <div id="bodyid">
  30.     body区域
  31.     </div>
  32. </body>
  33. </html>
复制代码
貌似我之前看到也是你的问题,给你的建议:换ie浏览器,不要用别的浏览器。你的代码没有错。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马