87,996
社区成员
发帖
与我相关
我的任务
分享%%%%%%% javaScript: 怎么定位Layer? 急！！！！！
我一个Table对齐方式是居中，因此浏览器变窄时Table会向左移。请问：这时怎么使一个Layer也跟着左移，以便与Table保持固定的相对位置？
...全文
请发表友善的回复…
发表回复
meizz 2003-02-28
- 打赏
- 举报
<html><head><title>层与按钮对齐</title></head><body>
<input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'">
<input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'">
<div id=pop style="position:absolute;width:100;height:50;z-index:99;display:none">
<table border=0 bgcolor=#FF0000><tr><td align=center>图层文字</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>
<input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'">
<input type=button value=ok onmouseover="cc(this)" onmouseout="document.all.pop.style.display='none'">
<div id=pop style="position:absolute;width:100;height:50;z-index:99;display:none">
<table border=0 bgcolor=#FF0000><tr><td align=center>图层文字</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>
wdhs 2003-02-28
- 打赏
- 举报
fason:
居中的效果就没了
：（
居中的效果就没了
：（
fason 2003-02-28
- 打赏
- 举报
我看孟子的主页就是利用窗口大小发生变化时,精确计算层的定位来实现的.
fason 2003-02-25
- 打赏
- 举报
layer1里面套表格,表格里套layer2
