搜索tooltip,基本上都是用div模拟的

解决方案 »

  1.   

    <html><head><title>层与按钮对齐</title></head><body>
    <div align=left><table border=1>
    <tr><td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td>
        <td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td>
        <td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td></tr>
    <tr><td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td>
        <td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td>
        <td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td></tr>
    <tr><td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td>
        <td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td>
        <td align=center height=50 width=200>
        <input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'"></td></tr>
    </table><div><div id=pop style="position:absolute;width:100;height:50;z-index:99;display:none">
    <table border=0><tr><td align=center>
    <img src=http://expert.csdn.net/images/csdn.gif border=0></td></tr></table></div><script language=javascript>
    function cc(tt)
    {
      var daps  = document.all.pop.style;
      var ttop  = tt.offsetTop;     //TT控件的定位点高
      var thei  = tt.clientHeight;  //TT控件本身的高
      var tleft = tt.offsetLeft;    //TT控件的定位点宽
      var ttyp  = tt.type;          //TT控件的类型
      while (tt = tt.offsetParent){ttop+=tt.offsetTop; tleft+=tt.offsetLeft;}
      daps.top  = (ttyp=="image")? ttop+thei : ttop+thei+6; //层的 Y 坐标
      daps.left = tleft + 1;  //层的 X 坐标
      daps.display = "";  //层显示
    }
    </script>
    </body></html>
      

  2.   

    知道ichat聊天室吗,他的名单里,有鼠标移动上去,就能显示图片,但是好象不是用层的