表格位置和窗口RESIZE事件

PowerHorse 2003-06-12 02:32:40

1. JavaScript 如何取得表格和单元格的绝对位置、宽度、高度？
2. 浏览器窗口大小发生变化时如何捕获RESIZE事件？

请提供源码！

...全文

228 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

PowerHorse 2003-06-14

打赏
举报

(1)onResizeStart, onResizeEnd 事件并不存在
(2)fason(阿信) 的两个函数我不是很懂

参照上面我作了一个特效:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">

</script>
<style type="text/css">

</style>
</head>

<body onresize="setLayer(tbl, tblLayer);" onload="setLayer(tbl, tblLayer);">
<p> </p>
<p> </p>
<p> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tbl">
<tr>
<td style="Filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#99CCFF', gradientType='0');"> </td>
</tr>
<tr>
<td style="Filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#99CCFF', startColorstr='#ffffff', gradientType='0');"> </td>
</tr>
</table>
<div id="tblLayer" style="position:absolute; width:200px; height:115px; z-index:1; left: 319px; top: 86px; border: 1px;">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">我们是中国人，我们爱自己的祖国!</td>
</tr>
</table>
</div>
</body>
</html>

fason 2003-06-12

打赏
举报

1.绝对位置用这两个函数取得
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
l+=e.offsetLeft;
}
return l
}
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
return t
}
宽:offsetWidth,高:offsetHeight

2.onresize
<script>
function window.onresize(){
alert()
}
</script>

sw47 2003-06-12