如何把div定位?

1<div id="mydiv" name="mydiv" style="display:none"></div>

这是个层,可以在代码中出现在任何位置

1<input id="mytext" type="text"/>

我现在要把div放在text的下面,也就是当div出现时,必须在text的正下方
---------------------------------------------------------------

 1<html><head><title>层与按钮对齐</title></head><body>
 2<div align="left"><table border="1" height="50" width="600">
 3<tr align="center">
 4<td>
 5<input onmouseout="document.all.pop.style.display='none'" onmouseover="cc(this)" type="button" value="ok"/>
 6</td><td>
 7<input onmouseout="document.all.pop.style.display='none'" onmouseover="cc(this)" type="button" value="ok"/>
 8</td><td>
 9<input onmouseout="document.all.pop.style.display='none'" onmouseover="cc(this)" type="button" value="ok"/>
10</td></tr>
11</table><div>
12<div id="pop" style="position:absolute;width:100;height:50;z-index:99;display:none">
13<table bgcolor="#FF0000" border="0"><tr><td>图层文字</td></tr></table></div>
14<script language="javascript">   
15function cc(tt)   
16{   
17var daps = document.all.pop.style;   
18var ttop = tt.offsetTop; //TT控件的定位点高   
19var thei = tt.clientHeight; //TT控件本身的高   
20var tleft = tt.offsetLeft; //TT控件的定位点宽   
21var ttyp = tt.type; //TT控件的类型   
22while (tt = tt.offsetParent){ttop+=tt.offsetTop; tleft+=tt.offsetLeft;}   
23daps.top = (ttyp=="image")? ttop+thei : ttop+thei+6; //层的 Y 坐标   
24daps.left = tleft + 1; //层的 X 坐标   
25daps.display = ""; //层显示   
26}   
27</script>
28</div></div></body></html>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus