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
查看全文
相关阅读:
整理一下反射
数据查询--整理(更新中)
【Django】Django model与数据库操作对应关系(转)
给定 2 个正整数 a, b,a 和 b 最多可能有 40 位,求出 a + b 的和(C语言实现)
c++和QT实现俄罗斯方块,使用GraphicsView。
C语言的动态函数库和静态函数库的生成和使用(linux环境下)
linux内核驱动的知识要点
简单的linux内核移植知识
快速排序c++/c实现
c语言系统函数——进程的创建
原文地址:https://www.cnblogs.com/Dicky/p/607061.html
最新文章
golang中并发sync和channel
时间戳转《===》时间
js 计算浮点数
从数组中随机选择3个元素
banner秒杀
中文搜索
翻牌购
大宁摇一摇
Zepto与jQuery的区别
viewport
热门文章
2015新年新计划
工作中使用的html5和css3 新特性
web组件
小而美的js程序
线程,进程概念
线程小demo
socket-自我总结(2)
socket-自我总结(1)
单例
python面向对象个人总结
Copyright © 2011-2022 走看看