当层用用到SCROLL的时候，怎么取里面的元素的决对位置

http://www.scriptlover.com/post/375

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

加上滚动的高度和宽度var scrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft;
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;div.style.left = x + scrollLeft + "px";
div.style.top = y + scrollTop + "px";
div.getBoundingClientRect().left
div.getBoundingClientRect().top
我是要当我不管往左还是往右拖动滚动条时，点击图片是，都能在下面显示一个层（ImgDIV）来显示图片的相关信息。那我怎么样来给ImgDIV 定位呢》？
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function showMsg(oEvent){
var msg = document.getElementById("msg");
var x, y;
if(document.all){
var scrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft;
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;

msg.style.left = event.x + scrollLeft + "px";
msg.style.top = event.y + scrollTop + "px";
}else{
msg.style.left = oEvent.pageX + "px";
msg.style.top = oEvent.pageY + "px";
}
msg.style.display = "block";
}
</script>
</head><body>
<div id="msg" style="display:none; position:absolute; width:200px; height:100px; background:#FFFFFF; border:1px solid #008000">提示信息</div>
<table width="1600" height="1600" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="25%"> </td>
    <td width="25%"> </td>
    <td width="25%"> </td>
    <td> </td>
  </tr>
  <tr>
    <td><img src='http://www.baidu.com/img/logo-yy.gif' onclick="showMsg(event)" /></td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td><img src='http://www.baidu.com/img/logo-yy.gif' onclick="showMsg(event)" /></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table></body>
</html>