弹出模态窗口使背景变灰 showModalDialog

最新推荐文章于 2023-08-29 15:52:28 发布
原创 最新推荐文章于 2023-08-29 15:52:28 发布 · 760 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#c#

本文介绍如何利用jQuery技术实现页面中的弹窗功能，并通过改变背景颜色来增强用户体验。具体步骤包括创建弹窗HTML结构，使用jQuery进行DOM操作，以及设置背景颜色的动态变化。

  $("#opener").click(
   function (){
    $("body").addClass("backgroud_gray");
    window.showModalDialog("viewPhoto.html","", "dialogWidth:820px;dialogHeight:620px;status:no;");
    $("body").removeClass("backgroud_gray");
   }
  );

 

用到的样式如下：

.backgroud_gray {
 background-color: #999999;
 filter: Alpha(Opacity = 40);
 opacity: .4;
 z-index: 10000;
}

iteye_7816
关注
QT应用编程: 半透明遮罩窗口实现
01-02 1270
一、环境介绍 操作系统介绍：win10 64位 QT版本:5.12.6 二、需求介绍 我们在显示一些模态对话框的时候，往往需要将对话框的背景颜色调暗以达到突出当前对话框的效果。 例如：对话框的父窗口除了标题栏以外的部分都变暗了，在父窗口的对比下对话框的显示效果就得到了强调。 这种设计多见于web页面，当用户点击诸如购买之类的按钮后页面会弹出一个购物清单确认对话框，并将对话框以外的内容用类似图中的效果处理，使用户可以将注意力集中在对话框本身。 三、实现代码 /* 日期: 20..
Qt 使用QDialog实现界面遮罩（蒙版）
小陈的博客
06-08 2738
写应用程序的过程中，弹窗是个避免不了的功能，显示中，假设弹窗背景色和主窗口背景色相差不多，甚至是一样的时候，就会存在一个比较严重的人机交互和UI显示的问题，找到弹窗的边界是比较麻烦的一件事。但是如果我们能在弹窗显示的时候被主窗口其他的部位增加一个背景色，这个背景色与弹窗的背景色形成比较大的色差，那么是不是就能够很容易的找到弹窗的边界。因此，我们实现一个自定义组件，可随便设置需要遮罩的主窗口，并且能够让其跟随主窗口的移动而移动。先来看下效果： 以上，我们来看下该组件的头文件定义： 由上面的类定义也能够看出来，
javascript实现的弹出层背景置灰-模拟(easyui dialog)
12-10
页面比较丑，只把功能实现了。^ ^ 代码如下: <title>模仿easyui dialog的效果</title> [removed] //取得页面元素 var getElement = function() { return document.getElementById(arguments[0]) || false; } function openDialog(dialogId) { var maskId = “mask”; //如果有，先删除原来的 if (getElement(dialogId)) { document.removeChild(getElement(dialogId))
实现了弹出窗口后背景变灰并屏蔽
10-29
实现了弹出窗口后背景变灰并屏蔽实现了弹出窗口后背景变灰并屏蔽e
qt5 遮罩背景 灰色遮罩层实现
04-02
c++ qt 弹出的对话框有个半透明的遮罩住主窗体，更突出对话框。
el-dialog 点开后背景是灰色，但是点击屏幕两次以后就又显示了
m0_52611940的博客
08-29 297
el-dialog 点开后背景是灰色，但是点击屏幕两次以后就又显示了
Qt实现弹窗后背景淡化
Think88666的博客
08-28 2838
这里提供一种思路，在弹窗和主窗体中再加一层黑色背景的透明度为0.7的窗体 该中间层窗口的初始化代码如下m_pMask是主窗体类的成员QWidget*： m_pMask = new QWidget(this); m_pMask->setWindowFlags(Qt::Window|Qt::FramelessWindowHint |Qt::WindowSystemMenuHint|Qt::WindowMinimizeButtonHint|Qt::WindowMaximizeButt...
用showModalDialog弹出页面后，提交表单总是弹出一个新窗口
09-05
然而，当在使用`showModalDialog`弹出的页面中包含一个表单并尝试进行提交时，有时会遇到一个常见的问题：表单提交操作反而会打开一个新的浏览器窗口，这显然不是我们期望的行为。 为了解决这个问题，我们可以采用...
C# 背景变灰并屏蔽技术实现方法
// 显示模态窗口的同时，使背景变灰 document.body.style.opacity = "0.5"; document.getElementById('modal').style.display = "block"; } ``` ### 总结 在C#中实现弹出窗口后背景变灰并屏蔽的效果，需要...
showModalDialog 弹出窗口关闭不刷新父窗口最终实现了
10-08
### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中，经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能，允许创建...
关于IE7 IE8弹出窗口顶上
09-06
在IE7和IE8浏览器中，开发者经常遇到一个特定的问题，即如何使弹出的窗口始终显示在最上方，不被其他页面元素遮挡。这个问题主要涉及到`window.showModalDialog()`函数的使用，该函数是JavaScript中用于创建模态...
JavaScript模态窗口的参数传递机制
该方法能够在调用它的页面上弹出一个新的模态窗口，并且可以传递参数给这个模态窗口。模态窗口通过showModalDialog方法打开后，直到用户关闭这个窗口，无法操作背后的页面内容。一旦模态窗口关闭，showModalDialog...
uniapp自定义弹窗之随时更换弹窗背景的实现
一粒程序米
02-15 2615
自定义弹窗之随时更换背景图
Qt创建背景遮罩，弹出子窗口，父窗口变灰
m0_60352504的博客
07-23 2672
可以通过创建一个子窗口，背景为黑色并且具有一定的透明效果，掩盖父窗口来实现。qt实现弹出新的界面，而原来窗口暗化。弹出提示框后背景暗化。
Qt 弹出一个灰色半透明的子窗口,使主窗口上任何按键也点不了
zhouxiao2009的专栏
02-09 4566
//有时候弹出一个窗口时,需要将原来窗口变灰,以下提供了一种方法 QWidget *widget = new QWidget(this,Qt::FramelessWindowHint); widget->resize(this->size()); widget->setObjectName("widget");// 设置对象句,相当于css里的id widget
QT弹出子窗口QDialog类并且设置遮掩层以及自定义窗口、按键、边框
Jx_Ubiquity的博客
06-29 3485
1、首先新建界面项目文件 会有以下文件生成 (当然也可以不用ui界面 用的话感觉会方便很多) 新建ui项目子窗口dialog文件的时候选择啥按键都不带的，没有确认、关闭、最大最小化等按键的界面 这样可以任我们修改样式 dialog.h dialog.cpp dialog.ui 2、在ui界面中新增2个lable 一个用来设置遮掩层 一个用来设置背景 而真正的dialog窗口将它进行全透明（不知道为啥 dialog的setWindowOpacity(0.5)属...
qt 对话框 遮罩背景
漫步繁华街的专栏
04-02 3493
一直以来做出个弹出的对话框，使用一个半透明的遮罩住主窗口，然后显示对话框，从而更加突出对话框。 需要的同学可以下载下来看看 下载源码 没有积分的小伙伴，评论留下你的邮箱，看到后第一时间，免费发送源码。 ...
QT的控件背景随着父窗体改变怎么办
m0_46217142的博客
08-29 1157
今天在做一个QT窗口，给父窗口进行背景填充时相应的控件也会进行背景改变，如下图所示 给他添加了一个按钮背景也会改变，改变他的样式表也没有用，接下来进行解决方案，以按钮为例子 1.右键按钮点击改变样式表 2，插入以下代码 如果你是其他控件改成其他控件名称就行，在里面填写你相应的值，不加Qpushbutton的话改不了的哦 QPushButton { border: 1px solid rgb(41, 57, 85); border-radius: 3px; background: white; sele
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值