窗口弹出来后父页面锁定，并变暗

最新推荐文章于 2022-07-23 10:50:12 发布
最新推荐文章于 2022-07-23 10:50:12 发布
阅读量1.7k 收藏
点赞数
分类专栏： Jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lb809663396/article/details/17554853
版权

主要实现的功能是弹出来后父页面锁定，并且变暗或者变模糊

 

主要就是用JS和CSS实现的

 

那个要弹出框先做好。在页面设置它的DIV属性display是none，z-index值为99，

然后通过那个登陆链接点击后通过JS设置它的display属性为block,

然后还创建一个DIV层它的z-index值为77（比99小就行了），它的宽设置为100％，

高设置为100％，透明度设置为50％。。如果此就可以做到了

 

我想你如果对JS和CSS熟悉的话应该懂的什么意思了吧！

如果还是不懂，给我留言，我们可以讨论一下



 

wang的CSND
关注
专栏目录
Photoshop认证考试样卷
小李专栏
11-18 2万+
Photoshop 认证考试样卷1、如果设定了Rollover中某个状态的效果，则 CA．在动画面板上制作的动画适用于所有的Rollover状态B．动画不能应用在Rollover状态上C．在动画面板上制作的动画仅适用于当前的Rollover状态D．同一动画不能赋予多个Rollover状态2、下列哪个滤镜可以减少渐变中的色带：BA．滤镜>杂色B．滤镜>风格化>扩散C．滤镜>扭曲>置换D．滤镜>锐化>
1-Axure
Poggie的博客
07-31 371
学习黑马产品经理系列的过程记录
弹出层（Div）屏蔽父窗口并且让父窗口变暗
skylovehero的专栏
06-16 277
function locking(){ document.all.ly.style.display="block"; document.all.ly.style.width=document.body.clientWidth; document.all.ly.style.height=document.body.clientHe...
QT开发之主界面变暗功能
金属服务，美好生活，天网改变世界，华帝量子科技。
02-26 1721
软件在使用时有时候需要对比强烈的提示一些内容或者其它操作，要将整个主界面变暗，然后提示的内容不变，就会显示很突出的效果 实现方式： 整个界面变暗使用一张带透明的黑色图片或者画一个变暗背景 代码： QWidget *m_widget = new QWidget(this); m_widget->resize (this->width(), this->height()); m_widget->move (0,0); QPalet
Qt创建背景遮罩，弹出子窗口，父窗口变灰
m0_60352504的博客
07-23 2323
可以通过创建一个子窗口，背景为黑色并且具有一定的透明效果，掩盖父窗口来实现。qt实现弹出新的界面，而原来窗口暗化。弹出提示框后背景暗化。
qt 子窗口操作父窗口
weixin_48657573的博客
08-20 3421
今天早上看一个项目的时候终于解决了困扰多天的一个问题，我之前一直不清楚如何在子窗口操作父窗口上的控件，比如改变值，显示，其次我在很多软件上看到了这种操作，比如qq，b站。 困扰我问题的缘由是写串口助手的时候，颜色的设置。我想通过父窗口一个按钮，弹出子窗口，然后再子窗口操作父窗口，比如这样： 只要按下确定按钮，就可以改变父窗口的颜色 我之前写的方案也可以实现这个操作，但总是慢一步，父窗口总是要等到某种状态保存了，才能检测到然后发生改变，我在网上查了很多资料，基本没有，我也想了多线程去操作。不过今天终于找到
JavaScript弹出窗口并且向父窗口输出内容代码
weixin_33794672的博客
04-06 218
JavaScript弹出窗口并且向父窗口输出内容代码<script>functionopenWin(){myWindow=window.open('','','width=200,height=100');myWindow.document.write("<p>This is 'myWindow'</p>");myWindow.focus...
jQuery实现的模拟弹出窗口功能示例
10-21
为了使弹出窗口显示为模态效果，需要对窗口下方的内容进行背景锁定，也就是让页面其他内容变暗，以此突出显示弹出窗口。在示例代码中，通过lockScreen函数来实现背景锁定，具体实现可能涉及添加背景遮罩层。通过调整...
仿Lightbox效果（Windows关机效果），div覆盖，锁定页面及IE 6实现position:fixed;
03-18
Lightbox通常用于在网页上展示图片、视频或任何其他媒体，它会在用户点击一个链接后弹出一个模态窗口，将内容置于当前页面之上，使背景变暗，从而聚焦用户的注意力。这种效果常常用于图片画廊，让用户能够在一个不...
javascript网页特效实例大全
01-25
8.20 按钮锁定页面 226 8.21 在线改变背景颜色 227 8.22 雪花纷飞的页面 228 8.23 页面直接显示 230 第9章 窗口类特效 233 9.1 按指定要求打开的窗口 234 9.2 控制窗口的打开和关闭 235 9.3 从天而降的窗口 ...
QT 子窗口阻塞, 弹出子窗口后主窗口不可点击
fb15966595193的专栏
04-30 6909
三种方式 1, dialog->setWindowModality(Qt::ApplicationModal); 2, dialog->exec(); 3, dialog->setModal(true); 但是必须放在 dialog->show(); 之前
【Android开发】关于如何设置弹窗或者布局出现时背景变暗
weixin_44794371的博客
07-30 1423
关于如何设置弹窗或者布局出现时背景变暗 1.设计思路 据我目前了解的一种实现思路，这种变暗可以通过给界面蒙上一层带有透明度的黑色来实现。 2.具体实现 我知道两种实现方法： 如果你想要给弹出的dialog窗体添加这种效果，可以在你编写的自定义dialog中来设置其背景，这个背景不是dialog的背景，而是后面的部分，通过getWindow()可以获得一个Window对象，通过给他添加属性来设置其背景变暗。我看到的这个代码是通过style.xml中编写的属性组来直接设置到这个window实例上。因为dial
C# WinForm无边框窗体设置阴影效果
C_S_D_N_USER的专栏
04-18 1万+
1、添加引用 using System.Runtime.InteropServices; 2、定义常量值及函数 private const int CS_DropSHADOW = 0x20000; private const int GCL_STYLE = (-26); [DllImport("user32.dll", CharSet = Ch
点击弹出窗口层，并且背景变暗渐变
编程之家
04-06 746
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" lang="zh-CN">点击弹出窗口层，并且背景变暗渐变---网页特效观止|www.jscode.cn|网页特效代码body {font-size:12px;background:#9EC7E7}img {border:
WPF 弹出控件并锁定主窗口
qq_43170460的博客
04-06 855
wpf 弹出半透明控件遮挡主窗口
Qt模态界面设置setWindowModality禁止其他界面响应
热门推荐
健忘16的博客
09-19 1万+
一、模态与非模态 模态：启动模态界面时，例如弹出对话框强制用户从其他正在进行的业务中聚焦到当前对话框，除了该对话框整个应用程序窗口都无法接受用户响应，无法切换界面，无法切换当前Qt应用。这可以保证用户按照自己设计的操作逻辑进行动作。只有关闭和退出该模态界面，才可以访问本应用程序的其他界面和功能。 非模态：与模态相反，默认状态为非模态，即可以随意切换，可以在同一应用下的各个窗口界面任意切换。 ...
QT窗口：widget
gugudelg的专栏
05-09 1224
1.让QMainWindow窗口在QDialog窗口上面置顶层，默认是置QDialog窗口的底层 setWindowFlags(Qt::Dialog); 或者 子窗口名：userManagerDialog  Qt::WindowFlags flags = Qt::Dialog;  userManagerDialog->setWindowFlags(flags);  
实现点击弹出窗口后网页背景变暗的CSS/JavaScript代码示例
- 整个过程模拟了常见的模态对话框效果，当用户触发某个操作时，背景变暗并弹出一个可关闭的窗口，提供了一种在网页中创建临时专注区域的方法，通常用于提示信息、表单填写或内容展示等场景。 总结起来，这个例子...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值