首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>网页特效>仿windows关机对话框的提示框效果代码
仿windows关机对话框的提示框效果代码
来源: 发布时间:2008-02-19 发布人: 浏览: 人次   字体: [ ]  

仿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 action="#">
<input name=btn1 type=button value=有自定义按钮 onclick=showalert1();>
<input name=btn2 type=button value=无自定义按钮 onclick=showalert2();>

</form>
<script language="javascript">
<!--
    
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(
"带第三个按钮的示例""您确定要删除该项吗?"320120"gourl($)""重试");
    }


    
function showalert2(){
        
var Br = new innerMessageBox();
        Br.ShowModal(
"默认两个按钮的示例""您确定要删除该项吗?"320120"gourl($)");
    }

//-->
</script>
<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>&nbsp;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"> &nbsp; <input type=submit id=imb_Ok name=imb_Ok value="确定" shortKey="T"> &nbsp; <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"> &nbsp; <input type=submit id=imb_Ok name=imb_Ok value="确定" shortKey="T"> &nbsp; <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!=""){
                    eval(
"parent." + smFunc.replace("$","2"));
                }

                parent.document.body.disabled 
= false;
                parent.document.getElementById(
"imb_Background").style.visibility = "hidden";
                parent.document.getElementById(
"imb_FormModal").style.visibility = "hidden";
            }

            window.imb_FormModal.document.getElementById(
"imb_Other").onclick= function(){
                
if (smFunc!=null && smFunc!=""){
                    eval(
"parent." + smFunc.replace("$","3"));
                }

                parent.document.body.disabled 
= false;
                parent.document.getElementById(
"imb_Background").style.visibility = "hidden";
                parent.document.getElementById(
"imb_FormModal").style.visibility = "hidden";
            }

        }

    }

//-->
</script>
</BODY>
</HTML> 

相 关 文 章   发布商链接
·淘宝在线状态和qq在线状态的生成代码
·网页CSS样式表学习技巧小记,供大家...
·无刷新更换页面样式例子供大家参考
·动态添加表单两法
·Css样式表实现文字的渐变效果代码
·DIV+CSS两个简单的导航效果,够美观!
·样式表固定table表头和列代码
·CSS模拟windows菜单选项卡效果
·解决长串英文字母将表格伸的很长,不...
·CSS实现多种多彩文字链接代码效果
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·鼠标移到链接出现漂亮的对话...
·当左右内容高度不定时,中间...
·利用CSS样式控制打印页面显示
·CSS样式实现文字分散对齐的方
·CSS实现多种多彩文字链接代码
·解决长串英文字母将表格伸的...
·CSS模拟windows菜单选项卡效...
·样式表固定table表头和列代码
·DIV+CSS两个简单的导航效果,...
·Css样式表实现文字的渐变效果
·动态添加表单两法
·无刷新更换页面样式例子供大...
·网页CSS样式表学习技巧小记,
·淘宝在线状态和qq在线状态的...
·网页表格制作之圆圈型表格的...
热 门 文 章
·淘宝在线状态和qq在线状态的...
·图片左右滚动代码,鼠标放上去...
·css固定定位实现悬浮效果
·样式表固定table表头和列代码
·js实现的文字无缝向上滚动的...
·js实现复制内容到剪贴板,可...
·CSS模拟windows菜单选项卡效...
·CSS样式实现文字分散对齐的方...
·教您实现Div的动态伸缩效果 ...
·通过CSS来动态改变界面样式实...
·实例解决Div被Select挡住问题...
·实例讲解利用css滤镜实现背景...
·DIV+CSS两个简单的导航效果,...
·网页开发特效之input控件高度...
·一段无图片纯CSS实现圆角的代...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .