JS弹出窗口,父窗口变灰
来源:互联网 发布:淘宝小二商家客服电话 编辑:程序博客网 时间:2024/05/05 06:42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>弹出层</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="description" content="This is my page"> <style> .myd{ background: #77887E ; height: 100%; left: 0%; right: 0%; width: 100%; position: absolute; z-index: 10000; } .pd{ background: #c2ee11 ; height: 300px; width: 450px; position: absolute; z-index: 10002; } </style> </head> <script type="text/javascript"> //var ie_name = navigator.appName; function pop(){ var b = document.body; //设置边距为0,是为了全屏遮盖,否则上、右两边会留有边距,不能全屏遮盖 b.style.margin=0; document.getElementById("md").style.display="block"; //实现透明遮盖,如果不需要透明,不需要设置此属性 document.getElementById("md").style.filter="alpha(opacity=80)"; //clientWidth取的是实际窗口文档域的大小 var _x = document.body.clientWidth; var _y = document.body.clientHeight; var a_w = 450; var a_h = 300; //alert(_x+" == " + _y); //计算弹出层的位置,目的是要显示在正中间 var dleft = _x/2 - a_w/2; var dtop = _y/2 - a_h/2; //alert(dleft+" == "+dtop); var cd = document.getElementById("pd").style; //cd.setAttribute("left",dleft+"px"); //cd.setAttribute("top",dtop+"px"); cd.left=dleft+"px"; cd.top = dtop+"px"; cd.display="block"; } function close_div(){ document.body.style.margin=""; document.getElementById("md").style.display="none"; document.getElementById("pd").style.display="none"; } </script> <body> <!-- 遮盖层 --> <div class="myd" style="display: none" id="md"></div> <!-- 弹出层 --> <div class="pd" style="display: none" id="pd"> <div style="height: 20px;background: red;width: 100%;text-align: right"> 点击关闭层:<button onclick="close_div()">X</button> </div> <label>这里是要显示的内容</label> </div> <div style="margin-top:100px;margin-left:100px;"> <input type="button" onclick="pop()" value="弹出层"> <br> </div> </body> </html>
- JS弹出窗口,父窗口变灰
- 弹出div后面窗口变灰
- 弹出div后面窗口变灰
- 背景变灰的弹出框(窗口)
- 弹出模态窗口使背景变灰 showModalDialog
- 如何让Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- 如何让Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- 弹出窗口悬浮,背景页面变灰,类似网易邮箱的半透明信息提示效果
- 弹出窗口悬浮,背景页面变灰,类似网易邮箱的半透明信息提示效果
- 点击按钮,弹出一个可关闭的层窗口,网页背景变灰
- 点击按钮,弹出一个可关闭的层窗口,网页背景变灰
- 弹出确定窗口js
- JS弹出窗口
- 弹出窗口大全(js)
- JS弹出窗口
- JS弹出窗口
- js弹出窗口详解
- linux下两台服务器文件实时同步方案设计和实现
- Memory Policy
- 线性代数导论15——子空间投影
- 陕西菜的风格和特色小吃
- 有些领域,人脑甩电脑好几条街
- JS弹出窗口,父窗口变灰
- win7 svn服务搭建
- java中的classpath(基础知识学习)
- tcpdump抓包并保存成cap文件
- 浅谈Slowloris拒绝服务攻击
- websphere 安装及部署
- Android项目实战--手机卫士18--读取用户的短信内容以及短信备份
- 前言
- url