最近时不时要做些网页,也时不是用到弹出框来显示一些确认信息,
为了方便我自己使用,所以写了一个简单的JS,
今天特意做了一个示例,简单实用,兼容性好;
弹出框在最大化、拖动改变窗口大小和拖动滚动条时都可居中显示;
起码很适合我使用!
示例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
//|------------------------------------------------------------------------------------
//|
//| 说明:JS弹出全屏遮盖的对话框(弹出层后面有遮盖效果,兼容主流浏览器)
//| 实现了在最大化、拖动改变窗口大小和拖动滚动条时都可居中显示。
//|
//| 注意:主要使用EV_modeAlert和EV_closeAlert这两个函数行了;
//| (EV_modeAlert-弹出对话框,EV_closeAlert-关闭对话框);
//| 注意:使用时,请在body标签内(不要在其它元素内)写一div,
//| 再给这div赋一id属性,如:id="myMsgBox",
//| 然后就可以调用EV_modeAlert('myMsgBox