`
ldxfsh
  • 浏览: 4133 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

弹出层(Div)屏蔽父窗口并且让父窗口变暗

阅读更多
<html>  
<head>  
    <script>      
  function   locking(){      
  document.all.ly.style.display="block";      
  documentdocument.all.ly.style.width=document.body.clientWidth;      
  documentdocument.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">  
                    [&nbsp;警&nbsp;告&nbsp;]   
                </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以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...

    JS+HTML非常漂亮的 弹出小窗口 div弹出层

    JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层 JS+HTML非常漂亮的 弹出小窗口 div弹出层

    DIV弹出层 DIV弹出层DIV弹出层

    DIV弹出层.htmDIV弹出层DIV弹出层DIV弹出层DIV弹出层

    DIV弹出层+定位

    在这个“DIV弹出层+定位”的例子中,我们关注的是如何利用`DIV`来创建一个可滑动的弹出层,并且使其在页面上保持固定的位置。这种功能通常用于显示提示信息、模态对话框或者加载额外的内容。 首先,`DIV弹出层`是指...

    点击文字弹出一个DIV层窗口代码

    点击文字弹出一个DIV层窗口代码,下载就能用

    jquery弹出层不关闭 父页面刷新

    在IT领域,尤其是在Web开发中,"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里,我们主要讨论如何使用jQuery实现这样的功能,即在一个弹出层(通常是一个模态对话框)显示时,用户可以操作父页面而不会...

    div 弹出层

    在本案例中,"div弹出层"指的是使用`div`元素来实现的弹出窗口或对话框功能。这种技术广泛应用于各种网页交互场景,如信息提示、用户确认、表单提交等。 弹出层通常通过CSS(层叠样式表)来控制其外观,包括尺寸、...

    NET弹出层弹出div

    弹出层通常用于显示详细信息、表单输入、警告消息等,提高了用户体验,因为它们不需要跳转到新的页面或者打开新窗口。 首先,让我们理解什么是`div`。`div`是HTML中的一个块级元素,全称为“division”,意味着它...

    弹出居中DIV窗口,背景逐渐变暗

    在网页设计中,"弹出居中DIV窗口,背景逐渐变暗"是一种常见的用户体验设计手法,常用于创建模态对话框、提示信息或者加载等待效果。这种设计可以使用户更加专注于当前的操作,避免背景内容的干扰。下面将详细介绍...

    div+css实现弹出窗口背景变暗效果

    在实现弹出窗口中,通常会有一个主要的`div`作为弹出窗口的主体,另一个`div`作为背景变暗层。 在线op.css文件中,将包含定义这些`div`样式的CSS代码。比如,我们可以设置弹出窗口的`div`为绝对定位,使其能够悬浮...

    JAVASCRIPT弹出DIV层窗口实例

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它...总的来说,JavaScript弹出DIV层窗口实例是网页交互设计中常见的功能,通过理解和实践,我们可以创建出各种自定义的弹出窗口效果,提升网站的用户体验。

    div弹出层 定位问题的 处理

    在网页设计中,`div` 弹出层(也称为模态框或对话框)是一种常用的交互元素,用于展示重要信息、用户确认操作或者提供额外的功能。然而,为`div`弹出层进行准确的定位可能会遇到一些挑战,因为这涉及到CSS布局、...

    div弹出层打包,包括弹出图片浏览

    在网页设计中,"div弹出层"是一种常见的交互元素,用于展示额外的信息或功能,如图片预览、对话框、表单等。这个压缩包文件"div弹出层打包,包括弹出图片浏览"提供了一套解决方案,帮助开发者轻松实现这种效果。以下...

    实用div实现的弹出层

    在网页设计中,"实用div实现的弹出层" 是一种常见的交互元素,它用于创建弹出式的对话框或菜单,以提供额外的信息或者功能,而不会干扰到页面的主体内容。这种技术主要依赖于HTML的`&lt;div&gt;`元素,CSS(层叠样式表)...

    用jQuery实现弹出窗口弹出div层

    在页面加载后或者点击页面的某个链接时弹出一个div层,同时页面的其他地方会变灰

    JQuery完美弹出div窗口/ 弹出窗口/ 弹出层

    完美弹出div窗口 修改版 完美遮罩 修复JQuery对浏览器判断的bug 支持IE6,7,8,FF jspanduanIE.html test无边框iframe完美遮罩.html demo.html 多种测试页面

    layer和div两种弹出层.zip

    本压缩包包含两种实现弹出层的方法:Layer弹出层和简单的Div弹窗,这两种方法各有特点和适用场景。 1. Layer弹出层: Layer是一种流行的JavaScript插件,它提供了丰富的弹出层功能,如警告、提示、对话框、加载效果...

    弹出DIV层窗口(javascript脚本代码)

    在给定的标题和描述中提到的"弹出DIV层窗口"是指使用HTML、CSS和JavaScript实现的浮动窗口效果。这种技术常用于创建模态对话框或轻量级的弹出窗口。 首先,让我们深入理解HTML部分: ```html &lt;!DOCTYPE ...

    JS控制弹出DIV层窗口控件(divAlert)

    alert功能的扩展版,可以弹出一个以DIV层中元素代码为内容的提示窗口,也可以直接弹出文字信息。 提供了两个JS方法: (1)showAlert(info); 函数说明:info参数可以是字符串信息,也可以是html元素代码。 (2)...

    漂亮的div弹出窗口样式

    本资源“漂亮的div弹出窗口样式”提供了一种美观的弹出窗口设计,适用于网页中的各种提示、警告或者信息展示。通过解压文件并双击html页面,我们可以直接预览这个弹出窗口的效果。 首先,我们来详细了解一下div弹出...

Global site tag (gtag.js) - Google Analytics