`

弹出新窗口,父窗口变灰

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.overlay {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9990;  

background-color:#aaa; opacity:0.3; filter:Alpha(Opacity=30);}   
.lightbox {position:absolute; z-index:9999; left:50%; top:0; width:400px; 

margin:150px 0 0 -200px;} 
-->
</style>
</head>
前面的页面
<div class="overlay"></div>  
<div class="lightbox">你的popup内容</div> 
<body>
</body>
</html>

分享到:
评论

相关推荐

    JS关闭窗口弹出新窗口,关闭新窗口时,刷新父窗口,JS代码实现刷新网页,js实现弹出窗口代码收集集萃

    今天,我们将探索如何使用 JavaScript 实现弹出窗口,并且在关闭新窗口时刷新父窗口。 基本弹出窗口代码 要实现弹出窗口,只需在 HTML 文件中添加一段 JavaScript 代码即可。下面是一个基本的弹出窗口代码: ```...

    分页后弹出模态窗口刷新父窗口

    根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...

    JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf

    【JS关闭窗口弹出新窗口】 在JavaScript中,我们可以使用`window.open()`函数来创建一个新的浏览器窗口。这个函数的基本语法是`window.open(url, name, features)`。在这里,`url`是你要打开的页面的URL,`name`是新...

    mfc实现点击一个窗口弹出另一个窗口

    弹出新窗口通常通过Create或CreateEx函数完成,这些函数需要提供窗口类名、父窗口句柄、窗口样式等参数。新窗口类也需要继承自CWnd,并有自己的消息映射。 5. **显示新窗口**: 创建新窗口后,使用ShowWindow(SW_...

    创建多窗口以及弹出窗口与父窗口的通讯

    - **子窗口(弹出窗口)**:由父窗口创建的新窗口。 #### 2. 实现方法 ##### 2.1 创建基础窗口类 - 首先,我们需要创建一个自定义窗口类,如`MyWindow`,继承自`Window`类,并添加必要的属性和方法。 ```as3 ...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    ### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...

    弹出窗口互相传值范例

    4. **HiddenField**:在父窗口中创建一个隐藏字段,设置其值,然后在新窗口中通过JavaScript读取这个字段的值。 5. **JavaScript/jQuery**:使用JavaScript或jQuery,可以通过`window.opener`属性访问父窗口的对象...

    showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理

    3&gt; IE与FireFox对两个弹出窗口在跨域时的解析也有不同:通过window.dialogArguments操作父窗口时,在IE下不需要指定document.domain而在FireFox下则正好相反需要指定才能生效;采用opener方式操作父窗口时都不需要...

    wpf中用用户控件做出来的一个自定义弹出窗口

    在这个项目中,由于使用了用户控件,我们推测可能是在一个父窗口内嵌入了这个用户控件,并通过调整其可见性和位置来模拟弹出窗口的行为。 渐显式放大动画效果是通过WPF的动画系统实现的。WPF提供了丰富的动画支持,...

    弹出层关闭父页面刷新

    在Web开发中,弹出层通常是指通过JavaScript或者jQuery等库创建的浮动窗口,它们不会新开浏览器窗口,而是覆盖在当前页面上,提供额外的操作界面。弹出层可以通过CSS实现,也可以使用Bootstrap、jQuery UI等框架。 ...

    Asp.net中doPostBack介绍和弹出窗体与父窗体之间的传值

    在ASP.NET中,当弹出窗口完成操作并需要向父窗口返回值时,可以通过`doPostBack`来触发父窗口的特定事件,从而实现数据的传递。例如,弹出窗口可以调用`__doPostBack`,并传入要通知的事件目标和返回值,然后在父...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    EasyUI提供了一种方式,通过`parent`关键字来访问父窗口的对象,从而调用其上的函数。假设在父页面上有一个名为`updateParentData`的函数,可以在子页面中这样调用: ```javascript parent.updateParentData('子...

    子窗口与父窗口刷新

    这里的"子窗口"通常指的是弹出的窗口、框架或者iframe,而"父窗口"则是打开子窗口的那个主页面。在这样的场景下,用户在子窗口中操作并提交数据后,可能希望父窗口能即时显示最新的数据,而不是手动刷新整个页面。...

    JavaScript弹出窗口及与父窗口交互

    为了实现弹出窗口,我们需要在JavaScript中编写代码,当点击“Show Student List”链接按钮时,弹出一个新窗口显示学生列表。这个弹出窗口可以使用`window.open()`函数创建,并传递一个URL,该URL指向一个包含学生...

    JavaScript弹出新窗口后向父窗口输出内容的方法

    本文将详细阐述在JavaScript中如何操作浏览器窗口,特别是如何在打开一个新的浏览器窗口后,再从这个新窗口向其父窗口(即打开它的窗口)输出内容的方法。 ### 知识点概述 1. **window.open() 方法** `window....

    JAVASCRIPT弹出窗口大总结

    4. **示例4:** 在弹出窗口后刷新父窗口。 ```javascript alert('成功'); window.opener.location.href=window.opener.location.href; ``` 5. **示例5:** 使用HTML元素触发弹出窗口。 ```html ('yourwebform...

    弹出框选择 返回父页面值

    "弹出框选择 返回父页面值"这个主题涉及到的是如何在两个或多个页面之间传递数据,特别是在一个页面(子页面)通过弹出框进行用户操作后,将结果传递回原始页面(父页面)。这个过程通常用于实现更复杂的用户交互,...

    js弹出一个新页面并获得弹出页面的值

    父页面代码展示了如何使用`showModalDialog()`方法弹出一个新的窗口,并且接收从新窗口返回的数据。关键部分代码如下: ```javascript function selectDept() { var returnValue = new String(window....

    iframe弹出框遮罩父类页面

    在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

    JavaScript实现弹出子窗口并传值给父窗口

    在JavaScript中,弹出子窗口并传递值给父窗口是一个常见的需求,特别是在构建交互式的Web应用时。这个过程可以通过使用`window.open()`或`window.showModalDialog()`函数来实现。让我们详细了解一下这两个方法以及...

Global site tag (gtag.js) - Google Analytics