<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弹出层`是指...
在IT领域,尤其是在Web开发中,"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里,我们主要讨论如何使用jQuery实现这样的功能,即在一个弹出层(通常是一个模态对话框)显示时,用户可以操作父页面而不会...
点击文字弹出一个DIV层窗口代码,下载就能用
在本案例中,"div弹出层"指的是使用`div`元素来实现的弹出窗口或对话框功能。这种技术广泛应用于各种网页交互场景,如信息提示、用户确认、表单提交等。 弹出层通常通过CSS(层叠样式表)来控制其外观,包括尺寸、...
弹出层通常用于显示详细信息、表单输入、警告消息等,提高了用户体验,因为它们不需要跳转到新的页面或者打开新窗口。 首先,让我们理解什么是`div`。`div`是HTML中的一个块级元素,全称为“division”,意味着它...
在网页设计中,"弹出居中DIV窗口,背景逐渐变暗"是一种常见的用户体验设计手法,常用于创建模态对话框、提示信息或者加载等待效果。这种设计可以使用户更加专注于当前的操作,避免背景内容的干扰。下面将详细介绍...
在网页设计中,`div` 弹出层(也称为模态框或对话框)是一种常用的交互元素,用于展示重要信息、用户确认操作或者提供额外的功能。然而,为`div`弹出层进行准确的定位可能会遇到一些挑战,因为这涉及到CSS布局、...
在实现弹出窗口中,通常会有一个主要的`div`作为弹出窗口的主体,另一个`div`作为背景变暗层。 在线op.css文件中,将包含定义这些`div`样式的CSS代码。比如,我们可以设置弹出窗口的`div`为绝对定位,使其能够悬浮...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它...总的来说,JavaScript弹出DIV层窗口实例是网页交互设计中常见的功能,通过理解和实践,我们可以创建出各种自定义的弹出窗口效果,提升网站的用户体验。
在网页设计中,"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弹出...