`

提示框自动关闭

UI 
阅读更多
function msg(strTitle,strContent){  
    var msgw,msgh,bordercolor;  
    msgw=300;//提示窗口的宽度  
    msgh=100;//提示窗口的高度  
    titleheight=25 //提示窗口标题高度  
    bordercolor="#99bbe8";//提示窗口的边框颜色  
    titlecolor="#99bbe8";//提示窗口的标题颜色 
 
    var sWidth,sHeight;  
    sWidth=document.body.offsetWidth;  
    sHeight=screen.height;  
    var bgObj=document.createElement("div");  
    bgObj.setAttribute('id','bgDiv');  
    bgObj.style.position="absolute";  
    bgObj.style.top="0";  
    bgObj.style.background="#777";  
    bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";  
    bgObj.style.opacity="0.6";  
    bgObj.style.left="0";  
    bgObj.style.width=sWidth + "px";  
    bgObj.style.height=sHeight + "px";  
    bgObj.style.zIndex = "10000";  
    document.body.appendChild(bgObj); 
 
    var msgObj=document.createElement("div")  
    msgObj.setAttribute("id","msgDiv");  
    msgObj.setAttribute("align","center");  
    msgObj.style.background="white";  
    msgObj.style.border="1px solid " + bordercolor;  
    msgObj.style.position = "absolute";  
    msgObj.style.left = "50%";  
    msgObj.style.top = "50%";  
    msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";  
    msgObj.style.marginLeft = "-225px" ;  
    msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";  
    msgObj.style.width = msgw + "px";  
    msgObj.style.height =msgh + "px";  
    msgObj.style.textAlign = "center";  
    msgObj.style.lineHeight ="25px";  
    msgObj.style.zIndex = "10001"; 
 
    var title=document.createElement("h4");  
    title.setAttribute("id","msgTitle");  
    title.setAttribute("align","right");  
    title.style.margin="0";  
    title.style.padding="3px";  
    title.style.background=bordercolor;  
    title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";  
    title.style.opacity="0.75";  
    title.style.border="1px solid " + bordercolor;  
    title.style.height="18px";  
    title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";  
    title.style.color="white";  
    title.style.cursor="pointer";  
    title.title = "点击关闭";  
    title.innerHTML="<table border='0′ width='100%'><tr><td align='left'>"+ strTitle +"</td></tr></table></div>";  
   setTimeout(
  
   function(){  
       document.body.removeChild(bgObj);  
       document.getElementById("msgDiv").removeChild(title);  
       document.body.removeChild(msgObj);  
       }
   ,2000);
         
    document.body.appendChild(msgObj);  
    document.getElementById("msgDiv").appendChild(title);  
    var txt=document.createElement("p");  
    txt.style.margin="1em 0"  
    txt.setAttribute("id","msgTxt");  
    txt.innerHTML=strContent;  
    document.getElementById("msgDiv").appendChild(txt);  
    function closewin() {      
    document.body.removeChild(document.getElementById("msgDiv"));    
  }    


  


  
分享到:
评论

相关推荐

    提示框过几秒钟后自动关闭

    提示框自动关闭主要通过后台线程管理和定时器来实现。在给定的代码示例中,`ShowMessageBoxTimeout` 方法接收三个参数:`text`(提示文本)、`caption`(提示框标题)和 `timeout`(超时时间,单位为毫秒)。这个...

    html5点击弹出自动关闭消息提示框

    3. **自定义消息提示框**:由于`alert()`等内建函数并不支持自动关闭,我们需要自定义一个消息提示框。这通常涉及到创建一个新的HTML元素(如`div`),通过CSS设置样式使其看起来像一个提示框,然后用JavaScript控制...

    C#实现winform自动关闭MessageBox对话框的方法

    然而,有时我们可能希望在特定条件满足时自动关闭这个对话框,比如在一段时间后自动关闭。本文将详细介绍如何在C#的Winform环境中实现这一功能。 首先,我们需要了解`MessageBox`的基本用法。`MessageBox.Show()`...

    delphi 实现延时自动关闭对话框 20200407.Demo_DlgAutoClose.zip

    delphi7代码编辑运行环境下,Delphi Messagebox自动关闭功能演示代码,以及可运行程序,无须任何.net编译平台,windows下原生程序。 使用方法:打开对话框前调用 SetDlgAutoClose { 参数1: 设定多长时间后关闭 }...

    android等待对话框(可定时自动关闭)

    本文将详细讲解如何实现一个具有“请稍候...”文本且能定时自动关闭的等待对话框,以及提供两种不同的定时关闭策略。 首先,我们需要创建一个自定义的等待对话框类,继承自`AlertDialog.Builder`。在这个类中,我们...

    Tips基于jQuery的提示框插件可自动消失可手动消失

    本文将详细讲解如何使用基于jQuery的Tips插件,该插件允许提示框自动消失或由用户手动消失,从而为用户提供更加友好的交互体验。 首先,我们来了解jQuery Tips插件的基本概念。Tips插件主要用于在网页上显示临时...

    js提示框替代系统alert,自动关闭alert对话框的实现方法

    因此简单用div写了一个alert提示框,并自动关闭。 效果图 css样式 /*弹出消息对话框样式*/ .show_alert_box{ width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.6); ...

    定时自动关闭的弹出式对话框(全套delphi7源码)

    这是一整套自动延时关闭对话框的演示源码,可实现定时自动关闭即将弹出的对话框, 我在其中演示了三种延时自动关闭的对话框: (1)延时9秒关闭ShowMessage (2)延时8秒关闭MessageBox (3)延时8秒关闭自定义...

    bootstrap提示框定时消失

    Bootstrap 提示框定时消失是网页动态效果的一种常见应用,它为用户提供了一种优雅的方式来显示信息、警告或错误,而这些信息会在一定时间后自动消失,无需用户手动关闭。这种功能通常借助于 JavaScript 库,如 ...

    VBScript编写的定时自动关闭的提示窗口函数

    使用msgbox函数作为消息提示时,用户必须点击确定程序才能向后执行,本程序可以用来代替上者,弹出提示窗口后设定时间内用户没有反应窗口自动关闭,不会影响下面程序执行。

    C#消息提示框,不需用户点确定,提醒后自动消失

    本主题将深入探讨如何创建一个自定义的C#消息提示框,它可以在显示信息后自动消失,同时带有动画效果以确保用户注意到。 首先,我们需要创建一个自定义的用户控件(User Control),这将是我们的自定义消息提示框。...

    定时自动关闭的对话框或消息框【Delphi】.rar

    在实际开发中,这种自动关闭功能可以应用于各种自定义对话框或消息框,如提示信息、等待窗口等,提高应用程序的效率和用户体验。通过学习和理解这个 Delphi 示例,开发者能够更好地掌握如何在 Delphi 中实现动态和...

    Excel+VBA自动关闭消息框源代码

    - **dwTimeout**:超时时间(毫秒),即消息框自动关闭前的等待时间。 ##### 2. 使用示例 下面是一个具体的使用例子,通过调用`MsgBoxEx`函数创建一个带有“ѡ”和“Զر”按钮的消息框,并设置其在2秒后自动关闭:...

    wpf两种方式自动消失的提示框

    在WPF(Windows Presentation Foundation)应用开发中,有时我们需要创建一种提示框,它会在用户查看信息后自动关闭,提供更好的用户体验。本篇文章将详细讲解如何使用两种方法在C#中实现这种自动消失的提示框:...

    3秒后自动关闭消息框

    在本例中,“3秒后自动关闭消息框”就是利用Windows API中的一个或多个函数来创建一个具有计时功能的消息框,该消息框会在3秒后自动消失,无需用户进行任何操作。 要实现这样的功能,首先需要了解以下API函数: 1....

    delphi7 自动关闭提示

    在Delphi 7编程环境中,有时开发者可能会遇到程序在运行时自动关闭ShowMessage或其他提示对话框的情况。这通常是由于程序逻辑或系统设置导致的。在本主题中,我们将深入探讨如何处理这种“自动关闭提示”问题,以及...

    Delphi设计可自动关闭的对话框

    在Delphi编程环境中,设计一个可以自动关闭的对话框是一个常见的需求,这通常涉及到时间触发事件和用户交互逻辑。下面将详细讲解如何实现这一功能。 首先,我们需要了解对话框(Dialog)在Delphi中的基本概念。...

    用Delphi编写的消息对话框的自动关闭

    这种自定义对话框不仅适用于简单的信息提示,还可以扩展以包含更复杂的交互逻辑,例如根据用户行为改变关闭时间,或者在特定条件下取消自动关闭。 总结一下,Delphi中实现消息对话框的自动关闭主要涉及自定义窗体、...

    easyUI实现(alert)提示框自动关闭的实例代码

    在 EasyUI 中,我们可以自定义提示框的行为,比如实现提示框自动关闭的功能。下面我们将深入探讨如何使用 EasyUI 实现一个自动关闭的 alert 提示框,并分析相关代码。 首先,我们要明白 `alert` 在 EasyUI 中并不是...

    jQuery顶部可关闭提示框代码

    // 示例:2秒后自动关闭提示框 setTimeout(hideAlert, 2000); }); ``` `顶部提示框`的实现主要是CSS布局方面的技巧,通常会使用绝对定位(`position: absolute`)和固定定位(`position: fixed`)来将其置于页面...

Global site tag (gtag.js) - Google Analytics