层覆盖的实现一

最新推荐文章于 2022-09-27 09:57:46 发布
最新推荐文章于 2022-09-27 09:57:46 发布
阅读量777 收藏
点赞数
分类专栏： web 文章标签： javascript iframe input border xhtml table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eduxh/article/details/1767326
版权

<!--a的代码-->
<body style="margin:0;overflow-y:hidden">
<div id="div1" align="center" style="width:100%; height:100%; position:absolute;background-color: #999999; filter:alpha(opacity=50); top:expression(document.body.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop-document.body.clientHeight+this.style.pixelHeight);">
<table border="1" width="100%">
<tr><td height="50" align="center">标题</td></tr>
<tr><td align="center">
  <iframe width="80%" align="center" src="Untitled-2.html"></iframe>
  </td>
  </tr>
  </table>
  </div>
  <iframe id="myiframe" width="100%" height="100%" align="center" src="Untitled-1.html" frameBorder=0 noResize></iframe>

<!--Untitled-1.html的代码-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>无标题文档</title>
 
    </head>
   
  <body style="width:98%;margin:0;">
  <!--expression(document.body.clientHeight)-->
  <input type=text id="txt1" value="ddd" /><br>
  <input type=text value="ddd" /><br>
  <input type=text value="ddd" />
  <table height="1000px" border=1 width="95%" align="right">
  <tr><td><a href="#" οnclick="javascript:top.document.all.div1.style.display='block';">fffffff</a></td></tr>
  </table>
  </body>
  </html>

<!--Untitled-2.html的代码-->
<script language="javascript">
function tst()
{
 top.document.all.div1.style.display='none';
 alert(top.document.all.myiframe.contentWindow.document.all.txt1.value);
}
</script>
<a href="#" onClick="javascript:tst();">sdfsdf</a>display:none;

 
eduxh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用div实现的效果二——类似iframe
翔的杂谈
08-31 9106
iframe应用很普遍，通常的需求有两种：　　1. 获取iframe效果，就是带一个滚动条，可以省不少版面。　　2. 要嵌一个页面，实现框架链接。　　如果不方便使用iframe，可以有如下相应解决方案：　　1. 可以使用css布局来实现，即可以少一个页面，也可以提高执行效率。　　2. 可以采用xmlhttp远程获取数据。　　A. 直接模拟iframe　　用层做容器　
javascript控制图片自适应大小
翔的杂谈
11-28 2561
//图片自适应大小//id为img控件的id//width与height为img父控件的宽高——即img的最大宽高//示例："function imgFit(id,width,height)...{    var imageArr=document.getElementById(id);    if(imageArr.offsetWidth>width || imageArr.offsetHe
javascript 实现遮盖层效果
口袋里的小龙的专栏
04-29 2339
http://www.w3.org/TR/html4/loose.dtd">   New Document              //大的div对象    var coverLayer ;    //每次加载的索引    var index = 0;    //定时器对象    var times;    function show(){    //获得遮盖层的div对象      cove
JS动态实现遮盖网页效果
deng11342的专栏
11-16 4865
无标题文档 //|------------------------------------------------------------------------------------ //| //| 说明：JS弹出全屏遮盖的对话框(弹出层后面有遮盖效果，兼容主流浏览器) //| 实现了在最大化、拖动改变窗口大小和拖动滚动条时都可居中显示。 //|
html 透明覆盖层,CSS层透明实现方法
weixin_29313817的博客
06-08 619
本文实例讲述了CSS层透明实现方法。分享给大家供大家参考。具体分析如下：这个代码段是演示用CSS控制一个DIV层的透明效果，大家可以看到平铺的背景已经显现出来，实际上比较简单就可以实现，就是用CSS控制一个DIV层，定义样式表时加入filter:alpha(opacity=65);这句代码，里面的值是用来控制透明度的，你可以试着改变它的值，会有不同的透明效果。复制代码代码如下:CSS定义层的透明效...
纯js实现loading覆盖层
qq_41756580的博客
09-27 941
纯js实现loading覆盖层，可在任意div内添加覆盖层，调用很方便
html点击出现指定层覆盖,js与css实现弹出层覆盖整个页面的方法
weixin_35859336的博客
06-07 604
本文实例讲述了js与css实现弹出层覆盖整个页面的方法。分享给大家供大家参考。具体实现方法如下：弹出层透明背景加框的常用样式和结构如下:.alertMessageBg{position:fixed;_position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.5;-moz-opacity:0.5;f...
css弹出层覆盖底层具体实现
09-25
CSS（Cascading Style Sheets）是控制网页布局和样式的语言，通过合理运用CSS，我们可以实现弹出层覆盖底层的效果。下面将详细介绍如何使用CSS实现这一功能。 首先，我们要了解CSS中的几个关键属性： 1. `position...
js css 实现遮罩层覆盖其他页面元素附图
10-25
实现遮罩层的方法有很多，但大多都是使用js css来实现的，本例也实现一个，效果还不错，喜欢的朋友可以感受下
openlayers添加覆盖层
10-09
在OpenLayers中，"覆盖层"（Layer）是地图上的一个重要概念，它代表了地图上的一组特定数据或图层，如卫星图像、地形图或者我们这里讨论的“云层覆盖物”。 在"openlayers添加覆盖层"这个主题中，我们将深入探讨...
js与css实现弹出层覆盖整个页面的方法
10-25
主要介绍了js与css实现弹出层覆盖整个页面的方法,分别以实例形式展示了弹出层覆盖整个页面的css样式与js控制的实现技巧,非常具有实用价值,需要的朋友可以参考下
javascript 获取字符串长度
翔的杂谈
01-01 4503
//将中文字转换为两个英文长度 var slength=s.value.replace(/[^/x00-/xff]/g,"**").length; //另外一种写法String.prototype.length2 = function() {var cArr = this.match(/[^x00-xff]/ig);return this.length + (cArr == null ? 0
获取页面里所有复选框选中的值
翔的杂谈
11-23 1736
 //获取页面里所有复选框选中的值//formObj：页面里Form的id//allCkb：页面里全选复选框的idfunction checkedValue(formObj,allCkb)...{    var strSel="";    var formObj=document.getElementById(formObj)    for(var i=0;iformObj.element
Alpha里面参数
翔的杂谈
09-12 1630
Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。 FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。 Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。 StartX和StartY：代表渐变透明效果的开始X和Y坐标。 FinishX和FinishY：代表渐变透明效果结束X和
javascript的xmlhttp实现
翔的杂谈
09-07 716
function f_GetHttpStr(objID,strUrl)         {             try            {                var obj=window.document.getElementById(objID);                obj.innerHTML="下载中~~~";                var Locat
层覆盖的实现二
翔的杂谈
08-31 545
http://www.w3.org/1999/xhtml">无标题文档        标题                   dddgggggggggggggggggsssssssssllllllllllllllccccccccccc 
DIV显示在IE窗口外
翔的杂谈
05-19 515
可以把DIV显示在IE窗口的边框外popupwindowwindow.createPopup
正则表达式
翔的杂谈
11-20 447
小数：var regExp=/^d+((.d...{1,2})?)$/; 所有非ascii码var regExp=/[^/x00-/xff]/g 
uniapp弹出层覆盖tabbar
最新发布
09-13
/* 设置一个较高的z-index值，确保弹出层覆盖在tabbar上方 */ } .modal-content { /* 弹出层的样式 */ } ``` 3. 当需要显示弹出层时，通过控制弹出层的显示与隐藏来实现。 ```javascript // 在页面的methods中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值