层的精确定位和飘动.

刚开始学做网页的人,肯定会因为层的定位而烦恼,因为在网页中就算精确定义了层的坐标值,但在浏览器的大小改变、显示器的分辨率的不同都会引起层的错位。
我的办法是用层相对于表格位置来确定层的精确位置。因为表格的位置是固定的。
具体的做法是:
定义要定位的层的ID是udiv、定义固定表格的ID为tablebody。
在层所在的网页的<head></head>之间加入一个函数
<Script>
function reposition(){
udiv.style.posLeft =tablebody.offsetLeft+x;//定义层到页面最左端的距离,x为相对表格的偏移量
udiv.style.posTop=tablebody.offsetTop+y; //定义层到页面最定顶端的距离,Y为相对表格的偏移量
}
</Script>
最后在<body>标签处加入 οnlοad="reposition();"  οnresize="reposition();"
意思是当浏览器读取网页和改变大小时调用reposition()函数。使层在什么时候都保持与表格的相对位置。
再深一步,如果我们在函数里加入循环,使层的左、上边距不断的变化,这样就可以作出在网页里飘动的层了。

收藏自:http://www.g-ya.cn/academy/academyFile/200410704423.asp

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值