仿windows关机对话框的提示框效果(收藏)

最新推荐文章于 2023-10-02 06:18:34 发布

sendling

最新推荐文章于 2023-10-02 06:18:34 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：网页设计文章标签： windows function null button javascript input

本文链接：https://blog.youkuaiyun.com/sendling/article/details/1689775

网页设计专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现仿Windows关机对话框的方法。通过自定义的弹窗可以设置不同的按钮选项，并根据用户的选择进行相应操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

仿windows关机对话框的提示框效果,先收藏以后用了

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> 仿windows关机对话框的提示框效果 </TITLE>

</HEAD>

<BODY>

</form>

<!--

function gourl(e){

switch(e){

case 1:

window.alert("点击了确定按钮.");

break;

case 2:

break;

case 3:

window.alert("点击了其它按钮.");

break;

default:

break;

}

function showalert1(){

var Br = new innerMessageBox();

Br.ShowModal("带第三个按钮的示例", "您确定要删除该项吗?", 320, 120, "gourl($)", "重试");

}

function showalert2(){

var Br = new innerMessageBox();

Br.ShowModal("默认两个按钮的示例", "您确定要删除该项吗?", 320, 120, "gourl($)");

}

//-->

</script>

<!--

function innerMessageBox(){

var BackObject, FormObject;

// 检查页面中是否存在该控件.

function checkIMBObject(){

if (document.getElementById("imb_Background")==null){

document.body.innerHTML += "<iframe id="imb_Background" src="about:blank" style="position:absolute;left:0;top:0;width:0px;height:0px;visibility:hidden;" frameborder="0"></iframe>";

window.imb_Background.document.open();

window.imb_Background.document.write("<html><body bgcolor=red> sdfasdfasdf</body></html>");

window.imb_Background.document.close();

}

if (document.getElementById("imb_FormModal")==null){

document.body.innerHTML += "<iframe id="imb_FormModal" src="about:blank" style="position:absolute;left:0;top:0;width: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>";

window.imb_FormModal.document.open();

window.imb_FormModal.document.write("<html><head><style><!--");

window.imb_FormModal.document.write("td{font-size:12px;");

window.imb_FormModal.document.write("//--></style></head><body scroll=no leftmargin=0 topmargin=0>");

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;">");

window.imb_FormModal.document.write("</div></td></tr><tr><td align=left><div id="imb_Content" style="padding:7px;">");

window.imb_FormModal.document.write("</div></td></tr><tr><td id="imb_Body" align=center>");

window.imb_FormModal.document.write("</td></tr></table>");

window.imb_FormModal.document.write("</body></html>");

window.imb_FormModal.document.close();

}

// 显示对话框控件.

this.ShowModal = function(iCaption, iMessage, iWidth, iHeight, iClickFunc, iOther){

var smWidth = 420, smHeight = 180, smCaption = "默认对话框", smMessage="您确定执行这项操作吗?", smFunc, smObject, smAlpha, smInterval;

if (arguments.length > 4 ){

smWidth = iWidth;

smHeight = iHeight;

smCaption = iCaption;

smMessage = iMessage;

smFunc = iClickFunc;

}

// 背景的渐显.

function checkIMBAlpha(){

smObject.style.filter = "alpha(opacity="+smAlpha+");";

smAlpha += 10;

if (smAlpha>80){

clearInterval(smInterval);

}

checkIMBObject();

this.BackObject = document.getElementById("imb_Background");

this.FormObject = document.getElementById("imb_FormModal");

smObject = this.BackObject;

smAlpha = 0;

this.BackObject.style.left = 0;

this.BackObject.style.top = 0;

this.BackObject.style.width = document.body.scrollWidth;

this.BackObject.style.height = document.body.scrollHeight;

this.BackObject.style.visibility = "visible";

smInterval = window.setInterval(checkIMBAlpha, 5);

this.FormObject.style.left = document.body.clientWidth/2 - smWidth/2;

this.FormObject.style.top = document.body.clientHeight/2 - smHeight/2;

this.FormObject.style.width = smWidth;

this.FormObject.style.height = smHeight;

this.FormObject.style.visibility = "visible";

window.imb_FormModal.document.getElementById("imb_Title").innerHTML = "<b>" + smCaption + "</b>" + " -- 操作提示";

window.imb_FormModal.document.getElementById("imb_Content").innerHTML = smMessage;

if (iOther==null || iOther==""){

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">";

}else{

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">";

}

document.body.disabled = true;

window.imb_FormModal.document.getElementById("imb_Ok").onclick= function(){

parent.document.body.disabled = false;

if (smFunc!=null && smFunc!=""){

eval("parent." + smFunc.replace("$","1"));

}

parent.document.getElementById("imb_Background").style.visibility = "hidden";

parent.document.getElementById("imb_FormModal").style.visibility = "hidden";

}

window.imb_FormModal.document.getElementById("imb_Cancel").onclick= function(){

if (smFunc!=null && smFunc!=""){