JavaScript自动关闭窗口

//自动关闭提示框

function Alert(str) {

var msgw,msgh,bordercolor;

msgw=350;//提示窗口的宽度

msgh=80;//提示窗口的高度

titleheight=25 //提示窗口标题高度

bordercolor="#336699";//提示窗口的边框颜色

titlecolor="#99CCFF";//提示窗口的标题颜色

var sWidth,sHeight;

//获取当前窗口尺寸

sWidth = document.body.offsetWidth;

sHeight = document.body.offsetHeight;

// //背景div

var bgObj=document.createElement("div");

bgObj.setAttribute('id','alertbgDiv');

bgObj.style.position="absolute";

bgObj.style.top="0";

bgObj.style.background="#E8E8E8";

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

//创建提示窗口的div

var msgObj = document.createElement("div")

msgObj.setAttribute("id","alertmsgDiv");

msgObj.setAttribute("align","center");

msgObj.style.background="white";

msgObj.style.border="1px solid " + bordercolor;

msgObj.style.position = "absolute";

msgObj.style.left = "50%";

msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";

//窗口距离左侧和顶端的距离

msgObj.style.marginLeft = "-225px";

//窗口被卷去的高+(屏幕可用工作区高/2)-150

msgObj.style.top = document.body.scrollTop+(window.screen.availHeight/2)-150 +"px";

msgObj.style.width = msgw + "px";

msgObj.style.height = msgh + "px";

msgObj.style.textAlign = "center";

msgObj.style.lineHeight ="25px";

msgObj.style.zIndex = "10001";

document.body.appendChild(msgObj);

//提示信息标题

var title=document.createElement("h4");

title.setAttribute("id","alertmsgTitle");

title.setAttribute("align","left");

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.innerHTML="提示信息";

document.getElementById("alertmsgDiv").appendChild(title);

//提示信息

var txt = document.createElement("p");

txt.setAttribute("id","msgTxt");

txt.style.margin="16px 0";

txt.innerHTML = str;

document.getElementById("alertmsgDiv").appendChild(txt);

//设置关闭时间

window.setTimeout("closewin()",2000);

}

function closewin() {

document.body.removeChild(document.getElementById("alertbgDiv"));

document.getElementById("alertmsgDiv").removeChild(document.getElementById("alertmsgTitle"));

document.body.removeChild(document.getElementById("alertmsgDiv"));

}

2 弹出提示框,手动关闭

JavaScript自动关闭窗口

function sAlert(strTitle,strContent){

var msgw,msgh,bordercolor;

msgw=300;//提示窗口的宽度

msgh=100;//提示窗口的高度

titleheight=25 //提示窗口标题高度

bordercolor="#336699";//提示窗口的边框颜色

titlecolor="#99CCFF";//提示窗口的标题颜色

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

"+ strTitle +" 关闭

";

html 弹出框 自动关闭,js提示框,n秒后自动关闭相关推荐

  1. html遮罩提示框代码,基于jQuery实现弹出可关闭遮罩提示框实例代码

    jquery CSS3遮罩弹出层动画效果,使用非常简单,就两个标签,里面自定义内容和样式,四种常见效果,懂的朋友还可以修改源代码修改成自己想要的效果 先给大家展示下效果图,如果大家感觉还不错,请参考实 ...

  2. AlertBox 弹出层(信息提示框)效果

    弹出层(弹窗)就是相对文档或窗口定位的一个层,一般用来显示提示信息.广告等内容,还可以配合覆盖层来锁定页面. 在仿Lightbox效果中,已经基本实现了这个效果,这次主要改进了ie6在fixed时的抖 ...

  3. VC中实现弹出CEdit的气泡提示框

    使用编辑框自带的气泡提示框,查看CEdit的源码能看到如下两个函数 AFX_INLINE BOOL CEdit::ShowBalloonTip(_In_z_ LPCWSTR lpszTitle, _I ...

  4. office2007打开word弹出烦人的提示框

    打开word时提示: 您正试图运行的函数包含有宏或需要宏语言支持的内容.而在安装此软件时,您(或您的管理员)选择了不安装宏或控件的支持功能. 解决办法: word选项--加载项--管理[com加载项] ...

  5. QTableView修改数据后弹出是否保存的提示框。

    自定义CustomDelegate继承自QStyledItemDelegate,重写setModelData(self, editor, model, index)方法 def setModelDat ...

  6. php点击文字弹出js提示框,js弹出框、对话框、提示框、弹窗实现方法总结(推荐)...

    一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...

  7. jQuery实现点击文本框弹出热门标签的提示示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. 点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果

    jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:# ...

  9. html弹窗后 自动关闭页面,网页一键复制弹出提示窗口后几秒后自动关闭提示js代码...

    L 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...

  10. vue.js提示框插件(vuejs-dialog)使用指南

    vue.js提示框插件 更多文章,请访问我的博客 综述 在项目中,代替浏览器原生的alert.confirm和prompt 名称:vuejs-dialog 用途:简洁美观的对话框 官网:地址 gith ...

最新文章

  1. LeetCode: Median of Two Sorted Arrays 解题报告
  2. connectionString加密
  3. 红帽借“订阅”模式成开源一哥,首创者升任总裁
  4. 湖北经济学院的计算机是否强,graphics-ch11-真实感图形绘制_湖北经济学院:计算机图形学_ppt_大学课件预览_高等教育资讯网...
  5. id 重启event_windows 2003 R2 系统自动重启了. event ID 6008
  6. 用Python采集了几千条相亲文案,终于发现了告别单身的秘密
  7. AcWing.282石子合并(区间DP)题解
  8. 网络资源(7) - JAX-WS视频
  9. 移动端学习笔记(小强测试品牌学员作品)
  10. Jersey实现Restful服务
  11. 电容在电路中的几种作用
  12. HTML转PDF浅析
  13. Windows键盘鼠标模拟按键类型
  14. 大数据测试英语水平测试
  15. 华为eNSP搭建的综合实验
  16. html加图标 favicon图标
  17. 「csp模拟试题 201903-2」二十四点 C/C++ 100分
  18. 全连接网络和卷积神经网络
  19. vue项目中常用methods
  20. Xgboost如何处理缺失值

热门文章

  1. TeraTerm下载方法
  2. 软件测试基础理论全集
  3. 液晶拼接处理器_你想了解的LCE拼接屏幕都在这里
  4. HTML5七夕情人节表白网页制作【我喜欢你H5】HTML+CSS+JavaScript
  5. 荣耀手机计算机设置功能,荣耀Play手机如何开启USB调试功能和电脑进行连接
  6. EXP-00091: Exporting questionable statistics
  7. android全息投影,超低成本手机全息3D投影制作教程
  8. 苹果iPhone手机升级系统内存空间变小不够如何解决?
  9. 计算机自带游戏在哪里,win10自带游戏,教您Win10纸牌游戏在哪
  10. IPv6实验5:IPv4到IPv6的过渡