页面上有一个小图片a,一个大图片b,想让a以b左上角为坐标定位. 看看这段代码为什么a还是以页面坐标定位.

<div id="pica" style="position:absolute; border:1 solid black;display:none" onmouseover="this.style.display='none';">
<img src="c.gif">
</div>
<img src="b.gif" id="picb">
<script language="javascript">
var x = 200, y=300;
function window.onload()
{
  document.all("pica").style.left =document.all("picb").offsetLeft+ x;
  document.all("pica").style.top =document.all("picb").offsetTop + y;
  document.all("pica").style.display = "";
}
</script>

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title> emu </title>
    </head>
    <body>
    <div id="pica" style="position:absolute; border:1 solid black;">
    <img src="http://expert.csdn.net/images/csdn.gif">
    </div>
     <img src="http://www.csdn.net/images/ad/vsnet_120.gif" id="picb" style="position:absolute;top:100;left:100;">
    <script language="javascript">
    var x = 100, y=100;
    function window.onload()
    {
      document.all("pica").style.left =parseInt(document.all("picb").offsetLeft)+ x;
      document.all("pica").style.top =parseInt(document.all("picb").offsetTop)+ y;
      document.all("pica").style.display = "";
    }
    </script>
    </body>
    </html>