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>