当鼠标移动至<table>中的某一列求出该列距左多长多高？

<table><tr><td>aa</td><td onmousemove="alert(offsetLeft);">bb</td></tr>

解决方案 »

  1.   

    <table><tr><td>aa</td><td onmousemove="getIE(this)">bb</td></tr><script language="Javascript">
    function getIE(e)
    {
       var t=e.offsetTop;
       var l=e.offsetLeft;
       while(e=e.offsetParent)
       {
          t+=e.offsetTop;
          l+=e.offsetLeft;
       }
       alert("top="+t+"\nleft="+l);
    }
    </script>
      

  2.   

    我是想在鼠标放在这个<td>上时某个<div>放在这个<td>下面，左边与<td>对齐因此不能是相对完度。<table><tr><td>aa</td><td onmousemove="getIE(this)">bb</td></tr><script language="Javascript">
    function getIE(e)
    {
       var t=e.offsetTop;
       var l=e.offsetLeft;
       while(e=e.offsetParent)
       {
          t+=e.offsetTop;
          l+=e.offsetLeft;
       }
       alert("top="+t+"\nleft="+l);
       mydiv.style.left=l;
    }
    </script>
    <div id=mydiv><table><tr><td>a</td><td>b
    </td></tr></table></div>
    当窗口缩放这样行吗？
      

  3.   

    窗口缩放时也一样：<BODY onresize="getIE(window.bb)" onload="getIE(window.bb)">
    <table align=center><tr><td>aa</td><td id="bb">bb</td></tr></table><script language="Javascript">
    function getIE(e)
    {
       var t=e.offsetTop;
       var l=e.offsetLeft;
       while(e=e.offsetParent)
       {
          t+=e.offsetTop;
          l+=e.offsetLeft;
       }
       mydiv.style.left=l;
    }
    </script>
    <div id=mydiv style="position:absolute"><table><tr><td>a</td><td>b
    </td></tr></table></div></BODY>