1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2
<HTML>
3
<HEAD>
4
<TITLE> 仿windows关机对话框的提示框效果 </TITLE>
5
</HEAD>
6![](/Images/OutliningIndicators/None.gif)
7
<BODY>
8
<form action="#">
9
<input name=btn1 type=button value=有自定义按钮 onclick=showalert1();>
10
<input name=btn2 type=button value=无自定义按钮 onclick=showalert2();>
11![](/Images/OutliningIndicators/None.gif)
12
</form>
13
<script language="javascript">
14
<!--
15
function gourl(e){
16
switch(e){
17
case 1:
18
window.alert("点击了确定按钮.");
19
break;
20
case 2:
21
break;
22
case 3:
23
window.alert("点击了其它按钮.");
24
break;
25
default:
26
break;
27
}
28
}
29![](/Images/OutliningIndicators/InBlock.gif)
30
function showalert1(){
31
var Br = new innerMessageBox();
32
Br.ShowModal("带第三个按钮的示例", "您确定要删除该项吗?", 320, 120, "gourl($)", "重试");
33
}
34![](/Images/OutliningIndicators/InBlock.gif)
35
function showalert2(){
36
var Br = new innerMessageBox();
37
Br.ShowModal("默认两个按钮的示例", "您确定要删除该项吗?", 320, 120, "gourl($)");
38
}
39
//-->
40
</script>
41
<script>
42
<!--
43
function innerMessageBox(){
44
var BackObject, FormObject;
45![](/Images/OutliningIndicators/InBlock.gif)
46
// 检查页面中是否存在该控件.
47
function checkIMBObject(){
48
if (document.getElementById("imb_Background")==null){
49
document.body.innerHTML += "<iframe id=\"imb_Background\" src=\"about:blank\" style=\"position:absolute;left:0;top:0;0px;height:0px;visibility:hidden;\" frameborder=\"0\"></iframe>";
50
window.imb_Background.document.open();
51
window.imb_Background.document.write("<html><body bgcolor=red> sdfasdfasdf</body></html>");
52
window.imb_Background.document.close();
53
}
54
if (document.getElementById("imb_FormModal")==null){
55
document.body.innerHTML += "<iframe id=\"imb_FormModal\" src=\"about:blank\" style=\"position:absolute;left:0;top:0;0px;height:0px;visibility:hidden;border-bottom:2px solid #999999;border-right:2px solid #999999;border-top:1px solid #F8F6C1;border-left:1px solid #F8F6C1;\" frameborder=\"0\"></iframe>";
56
window.imb_FormModal.document.open();
57
window.imb_FormModal.document.write("<html><head><style><!--");
58
window.imb_FormModal.document.write("td{font-size:12px;");
59
window.imb_FormModal.document.write("//--></style></head><body scroll=no leftmargin=0 topmargin=0>");
60
window.imb_FormModal.document.write("<table width=100% height=100% bgcolor=\"#eeeeee\"><tr><td align=left bgcolor=#3A80F3><div id=\"imb_Title\" style=\"padding-left:3px;padding-right:3px;color:white;font-family:verdana;\">");
61
window.imb_FormModal.document.write("</div></td></tr><tr><td align=left><div id=\"imb_Content\" style=\"padding:7px;\">");
62
window.imb_FormModal.document.write("</div></td></tr><tr><td id=\"imb_Body\" align=center>");
63
window.imb_FormModal.document.write("</td></tr></table>");
64
window.imb_FormModal.document.write("</body></html>");
65
window.imb_FormModal.document.close();
66
}
67
}
68![](/Images/OutliningIndicators/InBlock.gif)
69
// 显示对话框控件.
70
this.ShowModal = function(iCaption, iMessage, iWidth, iHeight, iClickFunc, iOther){
71
var smWidth = 420, smHeight = 180, smCaption = "默认对话框", smMessage="您确定执行这项操作吗?", smFunc, smObject, smAlpha, smInterval;
72
if (arguments.length > 4 ){
73
smWidth = iWidth;
74
smHeight = iHeight;
75
smCaption = iCaption;
76
smMessage = iMessage;
77
smFunc = iClickFunc;
78
}
79
// 背景的渐显.
80
function checkIMBAlpha(){
81
smObject.style.filter = "alpha(opacity="+smAlpha+");";
82
smAlpha += 10;
83
if (smAlpha>80){
84
clearInterval(smInterval);
85
}
86
}
87
checkIMBObject();
88
this.BackObject = document.getElementById("imb_Background");
89
this.FormObject = document.getElementById("imb_FormModal");
90
smObject = this.BackObject;
91
smAlpha = 0;
92
this.BackObject.style.left = 0;
93
this.BackObject.style.top = 0;
94
this.BackObject.style.width = document.body.scrollWidth;
95
this.BackObject.style.height = document.body.scrollHeight;
96
this.BackObject.style.visibility = "visible";
97
smInterval = window.setInterval(checkIMBAlpha, 5);
98![](/Images/OutliningIndicators/InBlock.gif)
99
this.FormObject.style.left = document.body.clientWidth/2 - smWidth/2;
100
this.FormObject.style.top = document.body.clientHeight/2 - smHeight/2;
101
this.FormObject.style.width = smWidth;
102
this.FormObject.style.height = smHeight;
103
this.FormObject.style.visibility = "visible";
104
window.imb_FormModal.document.getElementById("imb_Title").innerHTML = "<b>" + smCaption + "</b>" + " -- 操作提示";
105
window.imb_FormModal.document.getElementById("imb_Content").innerHTML = smMessage;
106
if (iOther==null || iOther==""){
107
window.imb_FormModal.document.getElementById("imb_Body").innerHTML = "<input type=hidden id=imb_Other name=imb_Other shortKey=\"O\"> <input type=submit id=imb_Ok name=imb_Ok value=\"确定\" shortKey=\"T\"> <input type=button id=imb_Cancel name=imb_Cancel value=\"取消\" shortKey=\"C\">";
108
}else{
109
window.imb_FormModal.document.getElementById("imb_Body").innerHTML = "<input type=button id=imb_Other name=imb_Other value="+iOther+" shortKey=\"O\"> <input type=submit id=imb_Ok name=imb_Ok value=\"确定\" shortKey=\"T\"> <input type=button id=imb_Cancel name=imb_Cancel value=\"取消\" shortKey=\"C\">";
110
}
111
document.body.disabled = true;
112
window.imb_FormModal.document.getElementById("imb_Ok").onclick= function(){
113
parent.document.body.disabled = false;
114
if (smFunc!=null && smFunc!=""){
115
eval("parent." + smFunc.replace("$","1"));
116
}
117
parent.document.getElementById("imb_Background").style.visibility = "hidden";
118
parent.document.getElementById("imb_FormModal").style.visibility = "hidden";
119
}
120
window.imb_FormModal.document.getElementById("imb_Cancel").onclick= function(){
121
if (smFunc!=null && smFunc!=""){
122
eval("parent." + smFunc.replace("$","2"));
123
}
124
parent.document.body.disabled = false;
125
parent.document.getElementById("imb_Background").style.visibility = "hidden";
126
parent.document.getElementById("imb_FormModal").style.visibility = "hidden";
127
}
128
window.imb_FormModal.document.getElementById("imb_Other").onclick= function(){
129
if (smFunc!=null && smFunc!=""){
130
eval("parent." + smFunc.replace("$","3"));
131
}
132
parent.document.body.disabled = false;
133
parent.document.getElementById("imb_Background").style.visibility = "hidden";
134
parent.document.getElementById("imb_FormModal").style.visibility = "hidden";
135
}
136
}
137
}
138
//-->
139
</script>
140
</BODY>
141
</HTML>
142![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
2
![](/Images/OutliningIndicators/None.gif)
3
![](/Images/OutliningIndicators/None.gif)
4
![](/Images/OutliningIndicators/None.gif)
5
![](/Images/OutliningIndicators/None.gif)
6
![](/Images/OutliningIndicators/None.gif)
7
![](/Images/OutliningIndicators/None.gif)
8
![](/Images/OutliningIndicators/None.gif)
9
![](/Images/OutliningIndicators/None.gif)
10
![](/Images/OutliningIndicators/None.gif)
11
![](/Images/OutliningIndicators/None.gif)
12
![](/Images/OutliningIndicators/None.gif)
13
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
14
![](/Images/OutliningIndicators/InBlock.gif)
15
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
16
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
17
![](/Images/OutliningIndicators/InBlock.gif)
18
![](/Images/OutliningIndicators/InBlock.gif)
19
![](/Images/OutliningIndicators/InBlock.gif)
20
![](/Images/OutliningIndicators/InBlock.gif)
21
![](/Images/OutliningIndicators/InBlock.gif)
22
![](/Images/OutliningIndicators/InBlock.gif)
23
![](/Images/OutliningIndicators/InBlock.gif)
24
![](/Images/OutliningIndicators/InBlock.gif)
25
![](/Images/OutliningIndicators/InBlock.gif)
26
![](/Images/OutliningIndicators/InBlock.gif)
27
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
28
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
29
![](/Images/OutliningIndicators/InBlock.gif)
30
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
31
![](/Images/OutliningIndicators/InBlock.gif)
32
![](/Images/OutliningIndicators/InBlock.gif)
33
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
34
![](/Images/OutliningIndicators/InBlock.gif)
35
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
36
![](/Images/OutliningIndicators/InBlock.gif)
37
![](/Images/OutliningIndicators/InBlock.gif)
38
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
39
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
40
![](/Images/OutliningIndicators/None.gif)
41
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
42
![](/Images/OutliningIndicators/InBlock.gif)
43
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
44
![](/Images/OutliningIndicators/InBlock.gif)
45
![](/Images/OutliningIndicators/InBlock.gif)
46
![](/Images/OutliningIndicators/InBlock.gif)
47
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
48
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
49
![](/Images/OutliningIndicators/InBlock.gif)
50
![](/Images/OutliningIndicators/InBlock.gif)
51
![](/Images/OutliningIndicators/InBlock.gif)
52
![](/Images/OutliningIndicators/InBlock.gif)
53
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
54
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
55
![](/Images/OutliningIndicators/InBlock.gif)
56
![](/Images/OutliningIndicators/InBlock.gif)
57
![](/Images/OutliningIndicators/InBlock.gif)
58
![](/Images/OutliningIndicators/InBlock.gif)
59
![](/Images/OutliningIndicators/InBlock.gif)
60
![](/Images/OutliningIndicators/InBlock.gif)
61
![](/Images/OutliningIndicators/InBlock.gif)
62
![](/Images/OutliningIndicators/InBlock.gif)
63
![](/Images/OutliningIndicators/InBlock.gif)
64
![](/Images/OutliningIndicators/InBlock.gif)
65
![](/Images/OutliningIndicators/InBlock.gif)
66
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
67
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
68
![](/Images/OutliningIndicators/InBlock.gif)
69
![](/Images/OutliningIndicators/InBlock.gif)
70
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
71
![](/Images/OutliningIndicators/InBlock.gif)
72
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
73
![](/Images/OutliningIndicators/InBlock.gif)
74
![](/Images/OutliningIndicators/InBlock.gif)
75
![](/Images/OutliningIndicators/InBlock.gif)
76
![](/Images/OutliningIndicators/InBlock.gif)
77
![](/Images/OutliningIndicators/InBlock.gif)
78
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
79
![](/Images/OutliningIndicators/InBlock.gif)
80
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
81
![](/Images/OutliningIndicators/InBlock.gif)
82
![](/Images/OutliningIndicators/InBlock.gif)
83
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
84
![](/Images/OutliningIndicators/InBlock.gif)
85
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
86
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
87
![](/Images/OutliningIndicators/InBlock.gif)
88
![](/Images/OutliningIndicators/InBlock.gif)
89
![](/Images/OutliningIndicators/InBlock.gif)
90
![](/Images/OutliningIndicators/InBlock.gif)
91
![](/Images/OutliningIndicators/InBlock.gif)
92
![](/Images/OutliningIndicators/InBlock.gif)
93
![](/Images/OutliningIndicators/InBlock.gif)
94
![](/Images/OutliningIndicators/InBlock.gif)
95
![](/Images/OutliningIndicators/InBlock.gif)
96
![](/Images/OutliningIndicators/InBlock.gif)
97
![](/Images/OutliningIndicators/InBlock.gif)
98
![](/Images/OutliningIndicators/InBlock.gif)
99
![](/Images/OutliningIndicators/InBlock.gif)
100
![](/Images/OutliningIndicators/InBlock.gif)
101
![](/Images/OutliningIndicators/InBlock.gif)
102
![](/Images/OutliningIndicators/InBlock.gif)
103
![](/Images/OutliningIndicators/InBlock.gif)
104
![](/Images/OutliningIndicators/InBlock.gif)
105
![](/Images/OutliningIndicators/InBlock.gif)
106
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
107
![](/Images/OutliningIndicators/InBlock.gif)
108
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
109
![](/Images/OutliningIndicators/InBlock.gif)
110
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
111
![](/Images/OutliningIndicators/InBlock.gif)
112
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
113
![](/Images/OutliningIndicators/InBlock.gif)
114
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
115
![](/Images/OutliningIndicators/InBlock.gif)
116
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
117
![](/Images/OutliningIndicators/InBlock.gif)
118
![](/Images/OutliningIndicators/InBlock.gif)
119
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
120
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
121
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
122
![](/Images/OutliningIndicators/InBlock.gif)
123
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
124
![](/Images/OutliningIndicators/InBlock.gif)
125
![](/Images/OutliningIndicators/InBlock.gif)
126
![](/Images/OutliningIndicators/InBlock.gif)
127
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
128
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
129
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
130
![](/Images/OutliningIndicators/InBlock.gif)
131
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
132
![](/Images/OutliningIndicators/InBlock.gif)
133
![](/Images/OutliningIndicators/InBlock.gif)
134
![](/Images/OutliningIndicators/InBlock.gif)
135
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
136
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
137
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
138
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
139
![](/Images/OutliningIndicators/None.gif)
140
![](/Images/OutliningIndicators/None.gif)
141
![](/Images/OutliningIndicators/None.gif)
142
![](/Images/OutliningIndicators/None.gif)