弹出层（Div）屏蔽父窗口并且让父窗口变暗
<html>
<head>
<script>
function locking(){
document.all.ly.style.display="block";
document.all.ly.style.width=document.body.clientWidth;
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';
}
function Lock_CheckForm(theForm){
document.all.ly.style.display='none';document.all.Layer2.style.display='none';
return false;
}
</script>
</head>
<body>
<img src="http://powereasy.net/skin/since07/images/sf_cms_banner1.jpg">
<p align="center">
<input type="button" value="系统锁定" onclick="locking()">
</p>
<div id="ly" style="position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
z-index: 2; left: 0px; display: none;">
</div>
<!-- 浮层框架开始 -->
<div id="Layer2" align="center" style="position: absolute; z-index: 3; left: expression((document.body.offsetWidth-540)/2); top: expression((document.body.offsetHeight-170)/2);
background-color: #fff; display: none;" >
<table width="540" border="0" cellpadding="0" cellspacing="0" style="border: 0 solid #e7e3e7;
border-collapse: collapse">
<tr>
<td style="background-color: #73A2d6; color: #fff; padding-left: 4px; padding-top: 2px;
font-weight: bold; font-size: 14px;" height="27" valign="middle">
[ 警 告 ]
</td>
</tr>
<tr>
<td height="130" align="center">
<input type="button" value=" 确定 " onclick="Lock_CheckForm(this);">
</td>
</tr>
</table>
</div>
<!-- 浮层框架结束 -->
</body>
</html>
分享到：
相关推荐
JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...
JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层
DIV弹出层.htmDIV弹出层DIV弹出层DIV弹出层DIV弹出层
在这个“DIV弹出层+定位”的例子中，我们关注的是如何利用`DIV`来创建一个可滑动的弹出层，并且使其在页面上保持固定的位置。这种功能通常用于显示提示信息、模态对话框或者加载额外的内容。 首先，`DIV弹出层`是指...
点击文字弹出一个DIV层窗口代码,下载就能用
在IT领域，尤其是在Web开发中，"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里，我们主要讨论如何使用jQuery实现这样的功能，即在一个弹出层（通常是一个模态对话框）显示时，用户可以操作父页面而不会...
在本案例中，"div弹出层"指的是使用`div`元素来实现的弹出窗口或对话框功能。这种技术广泛应用于各种网页交互场景，如信息提示、用户确认、表单提交等。 弹出层通常通过CSS（层叠样式表）来控制其外观，包括尺寸、...
弹出层通常用于显示详细信息、表单输入、警告消息等，提高了用户体验，因为它们不需要跳转到新的页面或者打开新窗口。 首先，让我们理解什么是`div`。`div`是HTML中的一个块级元素，全称为“division”，意味着它...
在网页设计中，"弹出居中DIV窗口，背景逐渐变暗"是一种常见的用户体验设计手法，常用于创建模态对话框、提示信息或者加载等待效果。这种设计可以使用户更加专注于当前的操作，避免背景内容的干扰。下面将详细介绍...
在实现弹出窗口中，通常会有一个主要的`div`作为弹出窗口的主体，另一个`div`作为背景变暗层。 在线op.css文件中，将包含定义这些`div`样式的CSS代码。比如，我们可以设置弹出窗口的`div`为绝对定位，使其能够悬浮...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它...总的来说，JavaScript弹出DIV层窗口实例是网页交互设计中常见的功能，通过理解和实践，我们可以创建出各种自定义的弹出窗口效果，提升网站的用户体验。
在网页设计中，`div` 弹出层（也称为模态框或对话框）是一种常用的交互元素，用于展示重要信息、用户确认操作或者提供额外的功能。然而，为`div`弹出层进行准确的定位可能会遇到一些挑战，因为这涉及到CSS布局、...
在网页设计中，"div弹出层"是一种常见的交互元素，用于展示额外的信息或功能，如图片预览、对话框、表单等。这个压缩包文件"div弹出层打包，包括弹出图片浏览"提供了一套解决方案，帮助开发者轻松实现这种效果。以下...
在网页设计中，"实用div实现的弹出层" 是一种常见的交互元素，它用于创建弹出式的对话框或菜单，以提供额外的信息或者功能，而不会干扰到页面的主体内容。这种技术主要依赖于HTML的`<div>`元素，CSS（层叠样式表）...
在页面加载后或者点击页面的某个链接时弹出一个div层，同时页面的其他地方会变灰
完美弹出div窗口 修改版 完美遮罩 修复JQuery对浏览器判断的bug 支持IE6,7,8,FF jspanduanIE.html test无边框iframe完美遮罩.html demo.html 多种测试页面
本压缩包包含两种实现弹出层的方法：Layer弹出层和简单的Div弹窗，这两种方法各有特点和适用场景。 1. Layer弹出层： Layer是一种流行的JavaScript插件，它提供了丰富的弹出层功能，如警告、提示、对话框、加载效果...
在给定的标题和描述中提到的"弹出DIV层窗口"是指使用HTML、CSS和JavaScript实现的浮动窗口效果。这种技术常用于创建模态对话框或轻量级的弹出窗口。 首先，让我们深入理解HTML部分： ```html <!DOCTYPE ...
alert功能的扩展版，可以弹出一个以DIV层中元素代码为内容的提示窗口，也可以直接弹出文字信息。 提供了两个JS方法： （1）showAlert(info); 函数说明：info参数可以是字符串信息，也可以是html元素代码。 （2）...
本资源“漂亮的div弹出窗口样式”提供了一种美观的弹出窗口设计，适用于网页中的各种提示、警告或者信息展示。通过解压文件并双击html页面，我们可以直接预览这个弹出窗口的效果。 首先，我们来详细了解一下div弹出...