首先约定以下两个词:原窗口——父窗口;弹出的模式窗口——子窗口。
在父窗口点击某个按钮或者超练级会触发以下js方法:
//打开时调用
function editPassword(url,w,h) { //url是你模式窗口对应的页面,w、h分别是模式窗口的高度和宽度
var iTop2 = (window.screen.availHeight - 20 - h) / 2;
var iLeft2 = (window.screen.availWidth - 10 - w) / 2;
var params = 'menubar:no;dialogHeight=' + h + 'px;dialogWidth=' + w + 'px;dialogLeft=' + iLeft2 + 'px;dialogTop=' + iTop2 + 'px;resizable=yes;scrollbars=0;resizeable=0;center=yes;location:no;status:no';
var addDiv = $("<div id = 'tempDiv' style='left:0px;top:0px;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4)!important;filter:alpha(opacity = 40);background:#000;z-index:1000;'></div>");
$(document.body).append(addDiv); //添加一个蒙板作背景
window.showModalDialog(url, addDiv, params);
//运行到以上的就会弹出一个模式窗口,js代码会停止,直到你把模式窗口关掉,然后继续运行下面的代码
window.location.href="/jsps/myjsp.jsp";
}
在子窗口中也可以添加一个“关闭”按钮,出发下面的js方法:
//关闭时调用
function colseWin(){
window.close();
}
相关推荐
先看看效果图 ...消息窗弹出时 /// /// 弹出消息框 /// /// 消息 /// 父级窗体 public static void ShowDialog(string message, Window owner) { //蒙板 Grid layer = new Grid() { Backgrou
NULL 博文链接:https://hedahai119.iteye.com/blog/494349
有些时候需要自己实现蒙板效果和弹出层的效果,这是一个简单的实现网页蒙板效果和弹出层的html示例
如题,可弹出模式窗口,并获取表单内容传递给请求页面;另可弹出类似蒙板对话框效果。个人认为小而实用。
NULL 博文链接:https://fengshayage.iteye.com/blog/868360
蒙板是两个div,其中popWindow样式的div用于遮住整个页面,并半透明。maskLayer 在popWindow上面,用于显示蒙板的信息,比如“载入中……“ 代码如下: <html> <head> <style type=”text/css”> ....
用于在现有窗口上加载蒙板,在蒙板内在嵌入其他页面内容
实现的思路是通过编写hook图片的onclick事件的函数,在函数中对body追加div元素,再将传入的图片对象放入元素中,同时再监听div的onclilck事件,当捕捉到点击,再关闭(其实是隐藏)弹出的div。 通过在函数初始化的...
使用单窗体实现透明窗体或蒙板效果,可用于窗体美化或其他特殊用途,具体操作简单,使用方便,效果突出,可自定义扩展。
NULL 博文链接:https://xinjiatao.iteye.com/blog/2210769
弹出框可内嵌功能页面,也可去掉“iframe”然后做成单纯的对话框。 在windowsXP sp2下的 IE8、firefox3.5、opera10、傲游、TT浏览器、搜狗浏览器、360绿色浏览器下调试通过。 本div+js实现的弹出对话框,是由本人用...
Jnet功能强大的JS类,浮动,模态,遮罩弹出等效果,这些弹出框很漂亮,分有蒙板和无蒙板,功能有Alert弹出提示、Confirm确认提示、iFrame框架、iFrame内嵌自定义弹出框等。从形式上来说,每个弹出框在使用时可设置弹出...
VB实现图片蒙板换色功能,图片添加蒙板后,会改变颜色,可选择不同颜色的蒙板,图片处理:加蒙板颜色,图片蒙上一层颜色,可设置颜色透明度,如示例截图所示,蒙板效果很明显。图像蒙版部分的实际处理代码交给了...
剪贴蒙板
矢量蒙板
蒙板新建
photoshop简明教程之一可选颜色与蒙板 jpg格式,