<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>
<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">123456789
<input type="button" value=" 确定 " onclick="Lock_CheckForm(this);">
</td>
</tr>
</table>
</div>
<!-- 弹出层结束 -->
</body>
</html>
分享到：
相关推荐
4. **JavaScript 动态交互**：JavaScript是实现弹出层动态行为的关键。例如，可以监听用户的点击事件，当点击特定元素时显示弹出层；也可以设置关闭按钮，点击后隐藏弹出层。`popwindow.js`很可能就是包含了这些功能...
在这个场景中，我们可以使用jQuery的`.slideToggle()`方法来实现弹出层的滑动效果。当用户触发某个事件（如点击按钮）时，`slideToggle()`会改变`DIV`的可见性，并同时执行滑动动画。 ```javascript $("#...
`lhgdialog3.0`是压缩包中的文件名，这很可能是一个特定的弹出层插件或者库，可能是开发者为了方便实现弹出层功能而封装的一个JavaScript组件。`lhgdialog`可能是这个库的名称，版本号为3.0，表示这是该库的第三个...
在实现弹出层时，我们通常将`div`设置为绝对或固定定位，使其能脱离文档流，独立于其他元素显示。 1. **绝对定位**：使用`position: absolute;`可以让`div`相对于最近的非静态定位祖先元素进行定位。如果没有这样的...
我们将探讨`div`弹出层的实现方式，以及涉及到的相关JavaScript和CSS技术。 首先，`div`是HTML中的一个块级元素，它可以容纳文本和其他HTML元素，并可以通过CSS进行样式设置，实现各种布局效果。在这个例子中，我们...
在网页设计和开发中，"div模拟弹出层"是一种常见的交互设计技术，它允许开发者在用户与页面交互时提供额外的信息或者功能。通常，弹出层是通过JavaScript（JS）来实现的，以模拟像alert这样的系统级对话框，但更加...
本压缩包包含两种实现弹出层的方法：Layer弹出层和简单的Div弹窗，这两种方法各有特点和适用场景。 1. Layer弹出层： Layer是一种流行的JavaScript插件，它提供了丰富的弹出层功能，如警告、提示、对话框、加载效果...
利用div+css制作弹出层并遮罩层，主用用了两个div，一个div用于弹出框，另一个则遮罩整个页面
7. **JavaScript和CSS**：实现弹出层功能通常需要结合JavaScript进行动态操作和CSS进行样式控制。JavaScript用于处理点击事件、显示/隐藏弹出层以及图片的加载和动画效果，而CSS则负责布局和美化。 8. **响应式设计...
本话题主要围绕`div`元素在实现弹出层（popup layer）中的应用，以及如何通过包含页面进行测试。我们将深入探讨`div`的使用、弹出层的实现原理以及页面测试的关键点。 一、`div`元素的运用 `div`元素是HTML5中的一...
实现div+css弹出层的关键在于以下几点： 1. **隐藏与显示**：默认情况下，弹出层应该是隐藏的。我们可以使用CSS的`display`属性来控制这一点，将其设置为`none`即可隐藏。当用户触发某个事件（如点击按钮）时，再...
在实现弹出层和遮罩效果时，我们会创建两个`div`元素：一个是用于遮罩的背景层，另一个是承载弹出内容的窗口层。遮罩层通常设置为全屏大小，具有一定的透明度，以达到半透明效果，而弹出层则位于页面中央，用于展示...
弹出层通常通过JavaScript或jQuery库实现，例如使用`show()`和`hide()`方法来控制`div`的可见性。在ASP.NET中，我们可以通过结合服务器端代码和客户端脚本来实现这一功能。当用户触发某个事件（如点击按钮或链接）时...
在"JS做的隐藏与显示DIV可拖动弹出层"这个实例中，我们将探讨如何利用JavaScript来创建一个可拖动的弹出层，并控制其显示与隐藏。 首先，让我们理解`div`层的隐藏与显示。在HTML中，我们创建一个`div`元素并为其...
本案例聚焦于使用`div`元素实现弹出层的操作，这是一种轻量级且灵活的方法，适用于各种场景，如提示信息、表单提交、图像预览等。下面我们将详细探讨如何利用HTML、CSS和JavaScript来创建和控制弹出层。 首先，`div...
本篇文章将深入探讨div弹出层的概念、实现方式以及相关知识点。 一、div弹出层的概念 "div弹出层"是利用CSS和JavaScript技术创建的一种动态效果。它通常包含一个由`<div>`标签定义的容器，该容器可以包含文本、图片...
本文将详细探讨如何利用`div`元素实现动态弹出层，并根据传入的不同参数显示不同的内容。这在交互式用户体验设计中非常常见，例如，用于展示详细信息、提供用户确认或展示各种警告消息。 首先，我们要理解`div`的...
- 定位：使用`position`（如`absolute`或`fixed`）和`z-index`属性可以实现弹出层相对于页面其他元素的定位，确保它在需要时出现在正确位置。 - 尺寸和样式：通过调整`width`、`height`、边距和填充等属性，可以...