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
查看全文
相关阅读:
ajax(ajax开发)
gnuplot常用技巧
Gunplot 命令大全
程序员的绘图利器 — Gnuplot
什么是 gnuplot
QT正则表达式---针对IP地址
JSP实现分页功能
java.lang.OutOfMemoryError: Java heap space错误及处理办法
getInitParameter()
C/S软件的自动升级部署
原文地址:https://www.cnblogs.com/Dicky/p/607061.html
最新文章
Android实现定时器的方法
Swift--使图片360° 周期旋转
Swift之动画总结
开源分享三(炫酷的Android Loading动画)
漂亮的Android加载中动画:AVLoadingIndicatorView
Swift 带有动画效果的TabBarItem
swift 旋转加载动画
如何用Swift创建一个复杂的加载动画
Swift3.0为视图添加旋转动画_CABasicAnimation
Swift 中异常抛出和四种异常处理
热门文章
expdp时遇到ORA-31693&ORA-02354&ORA-01466
【剑指offer】q34:丑数
【Struts2学习笔记(11)】对action的输入校验和XML配置方式实现对action的全部方法进行输入校验
HDU ACM 1054 Strategic Game 二分图最小顶点覆盖?树形DP
UIImagePickerController本地化控件文字
树的子结构
Hadoop大数据面试--Hadoop篇
免费的就是最贵的
最小生成树
讲座:计算机专业及其学习
Copyright © 2011-2022 走看看