zoukankan
html css js c++ java
层的绝对定位
代码如下:
<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 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
servlet中调用注入spring管理的dao(转)
java枚举类(转)
压缩包太大导致的部署问题
oracle数据泵导出导入
全错位排列
母函数及相关的算法题
Effective Modern C++翻译(5)-条款4:了解如何观察推导出的类型
Effective Modern C++翻译(4)-条款3:了解decltype
Effective Modern C++翻译(3)-条款2:明白auto类型推导
Effective Modern C++翻译(2)-条款1:明白模板类型推导
原文地址:https://www.cnblogs.com/Dicky/p/607061.html
最新文章
模拟流的问题小结
「WC2018」通道
Codeforces VP/补题小记 (持续填坑)
Codeforces 1207 G. Indie Album
微信小程序“反编译”
CentOS7.x安装时的分区方案
redis压力测试工具-----redis-benchmark
SpringBoot-服务端参数验证-JSR-303验证框架
强引用、软引用、弱引用、幻象引用有什么区别?
深入浅出Java final关键字
热门文章
Java中的Error和Exception
ClassNotFoundException和NoClassDefFoundError的区别
Mysql面试题
MySQL基础入门之常用命令使用
日期的各种格式和样式
java学习之IO流(学习之旅,一)
用Ajax图片上传、预览、修改图片
北京农学院项目中遇到的问题及解决方式
Java中JSON字符串与java对象的互换实例详解(转)
Java中如何序列化一个对象(转)
Copyright © 2011-2022 走看看