再用100分，我就不信没人答我的问题，热心人快进来，层的定位问题！

…………
把你的代码发到[email protected]
我看看

解决方案 »

  1.   

    <html>
    <script>
    function offsetTop(obj) {
    var totalOffset = 0;
    do {
    totalOffset += obj.offsetTop;
    obj = obj.offsetParent;
    } while (obj != null);
    return totalOffset;
    }function offsetLeft(obj) {
    var totalOffset = 0;
    do {
    totalOffset += obj.offsetLeft;
    obj = obj.offsetParent;
    } while (obj != null);
    return totalOffset;
    }
    function showLayer() {
    var obj = event.srcElement;
    msg.style.display = "block";
    msg.style.top = offsetTop(obj) + 20;
    msg.style.left = offsetLeft(obj) + obj.offsetWidth + 10;
    }
    function hiddenLayer() {
    msg.style.display = "none";
    }
    </script>
    <body>
    <div id=msg style="position:absolute;display:none;border:1 solid black;">test</div>
    <table width=200 align=center>
    <tr align=center>
    <td><a href="#" onmouseover="showLayer()" onmouseout="hiddenLayer()">link 1</a></td>
    <td><a href="#" onmouseover="showLayer()" onmouseout="hiddenLayer()">link 2</a></td>
    <td><a href="#" onmouseover="showLayer()" onmouseout="hiddenLayer()">link 3</a></td>
    </tr>
    <tr align=center>
    <td colspan="2"><a href="#" onmouseover="showLayer()" onmouseout="hiddenLayer()">link 1</a></td>
    <td><a href="#" onmouseover="showLayer()" onmouseout="hiddenLayer()">link 1</a></td>
    </tr>
    </body>
      

  2.   

    说明：
    　　offsetTop(obj)和offsetLeft(obj)是用来取得对象在页面的位置。
    　　能获得链接位置的话，就不需要知道屏幕的分辨率，直接通过链接的坐标定位层就就可以了。
    　　上面的例子中，通过obj = event.srcElement取得触发onmouseover事件的链接，获得链接
    的位置后，将层显示在链接右下方