层的绝对定位

代码如下:
<html> <head> <title>层的绝对定位</title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript"> <!-- function setPosition(obj) { document.getElementById("Layer1").style.display = "block"; document.getElementById("Layer1").style.top = obj.offsetParent.offsetTop + 18; document.getElementById("Layer1").style.left = obj.offsetParent.offsetLeft + 45; } function setPosition1(obj) { document.getElementById("Layer1").style.display = "block"; document.getElementById("Layer1").style.top = obj.offsetTop + 18; document.getElementById("Layer1").style.left = obj.offsetLeft + 45; } function HiddenDiv() { document.getElementById("Layer1").style.display = "none"; } //--> </script> </head> <body> <div id="Layer1" style="position:absolute; display:none;"> <table border="1"> <tr> <td>fasdasdfasdf</td> <td>adfasdsd</td> </tr> <tr> <td>fasdasdfasdf</td> <td>adfasdsd</td> </tr> </table></div> <table> <tr> <td><a href="javascript:" onmouseover='javascript:setPosition(this);' onmouseout="javascript:HiddenDiv();">Click</a></td> </tr> <tr> <td><a href="javascript:" onmouseover='javascript:setPosition(this);' onmouseout="javascript:HiddenDiv();">Click</a></td> </tr> <tr> <td><a href="javascript:" onmouseover='javascript:setPosition(this);' onmouseout="javascript:HiddenDiv();">Click</a></td> </tr> </table> <div> <a href="javascript:" onmouseover='javascript:setPosition1(this);' onmouseout="javascript:HiddenDiv();">Click It</a> <br /> <a href="javascript:" onmouseover='javascript:setPosition1(this);' onmouseout="javascript:HiddenDiv();">Click It</a> <br /> <a href="javascript:" onmouseover='javascript:setPosition1(this);' onmouseout="javascript:HiddenDiv();">Click It</a> <br /> </div> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]

转载于:https://www.cnblogs.com/Dicky/archive/2006/12/29/607061.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值