Board logo

标题: 如何把div定位? [打印本页]

作者: haifeng585    时间: 2006-5-22 14:25     标题: 如何把div定位?

<div  id="mydiv"  name="mydiv"  style="display:none"></div>  
这是个层,可以在代码中出现在任何位置  
<input  type="text"  id="mytext">  
我现在要把div放在text的下面,也就是当div出现时,必须在text的正下方
作者: shanzhiyin    时间: 2006-5-22 14:26

<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>




欢迎光临 编程开发论坛 (http://bbs.lihuasoft.net/) Powered by Discuz! 6.0.0