发新话题
打印

如何把div定位?

<html><head><title>层与按钮对齐</title></head><body>  
<div  align=left><table  border=1  width=600  height=50>  
<tr  align=center>  
   <td>  
       <input  type=button  value=ok  onmouseover="cc(this)"  
         onmouseout="document.all.pop.style.display='none'">  
   </td><td>  
       <input  type=button  value=ok  onmouseover="cc(this)"  
         onmouseout="document.all.pop.style.display='none'">  
   </td><td>  
       <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  bgcolor=#FF0000><tr><td>图层文字</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>

TOP

发新话题