编程开发论坛 - Powered by Discuz! Board

标题: 如何把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/)