mouseover 事务!求解

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp

解决方案 »

  1.   

    <span style="display:none" id=other>另一句话</span>
    <td mouseover = "other.style.display=''" 
        onmouseout="other.style.display='none'">一句话</td>
      

  2.   

    <span style="display:none" id=other>另一句话</span>
    <td onmouseover = "other.style.display=''" 
        onmouseout="other.style.display='none'">一句话</td
      

  3.   

    <body>
    <table width="200">
    <tr>
    <td onmouseover="doThings(this);">一句话1</td>
    <td onmouseover="doThings(this);">一句话1</td>
    </tr>
    <tr>
    <td>*********</td>
    <td>***************</td>
    </tr>
    </table>
    <div style="position:absolute;display:none;background-color:#FFFFCC;border:1px solid #000000;" id="thing">另一句话</div>
    <script language="javascript">
    function doThings(el){
    var thing=document.getElementById("thing");
    var  r =getPos(el);
    thing.style.pixelLeft=r.x;
    thing.style.pixelTop=r.y+el.offsetHeight;
    thing.style.display="";
    }
    function getPos(el){
    var r = { x: el.offsetLeft, y: el.offsetTop };
    if (el.offsetParent) {
    var tmp = getPos(el.offsetParent);
    r.x += tmp.x;
    r.y += tmp.y;
    }
    return r;
    }
    </script>
    </body>