⾃定义提⽰框（alert、confirm可⾃定义标题内容图标取消按钮）
声明：本例⼦是基于做的修改
效果：
【主函数】
女性保养1、msgbox(title,text,func,cancel,focus,icon)
参数说明：
title ：弹出对话框的标题，标题内容最好在25个字符内，否则会导致显⽰图⽚的异常
text ：弹出对话框的内容，可以使⽤HTML代码，例如<font color='red'>删除么?</font>，如果直接带⼊函数，注意转义
func ：弹出对话框点击确认后执⾏的函数，需要写全函数的引⽤，例如add()，如果直接带⼊函数，注意转义。
cancel ：弹出对话框是否显⽰取消按钮，为空的话不显⽰，为1时显⽰
focus ：弹出对话框焦点的位置,0焦点在确认按钮上,1在取消按钮上，为空时默认在确认按钮上
icon ：弹出对话框的图标
<p>
<input onclick="msgbox('提⽰','请⾄少选择⼀项需要删除的记录!','',null,0,'Warning')" type="button" value="提⽰"/>
<input onclick="msgbox('提⽰','操作执⾏成功!','',null,0,'true')" type="button" value="操作成功"/>
<input onclick="msgbox('提⽰','操作执⾏失败!','',null,0,'error')" type="button" value="操作失败"/>
<input onclick="msgbox('确认删除么?','点击确认执⾏删除操作，点击取消不再执⾏操作!','msgbox(\'操作提⽰\',\'删除成功!\',\'\',null,0,\'true\')',1,1,'Warning')" type="button" value="confirm"/>
母亲节的时间</p>
<script type="text/javascript" language="javascript">// <![CDATA[
function msgbox(title,content,func,cancel,focus,icon){
/*
参数列表说明:
title ：弹出对话框的标题，标题内容最好在25个字符内，否则会导致显⽰图⽚的异常
text ：弹出对话框的内容，可以使⽤HTML代码，例如<font color='red'>删除么?</font>，如果直接带⼊函数，注意转义
func ：弹出对话框点击确认后执⾏的函数，需要写全函数的引⽤，例如add()，如果直接带⼊函数，注意转义。
cancel：弹出对话框是否显⽰取消按钮，为空的话不显⽰，为1时显⽰
focus ：弹出对话框焦点的位置,0焦点在确认按钮上,1在取消按钮上，为空时默认在确认按钮上
icon ：弹出对话框的图标
Author:Jedliu
Blog :Jedliu.cublog
【⽹页转载请保留版权信息，实际使⽤时可以除去该信息】
*/
icon="/cnblogs_com/IT-Bear/365886/t_msgbox_"+icon+".png";
create_mask();
var temp="<div style=\"width:300px;border: 2px solid #37B6D1;background-color: #fff; font-weight: bold;font-size: 12px;\" >"
+"<div style=\"line-height:25px; padding:0px 5px; background-color: #37B6D1;\">"+title+"</div>"
+"<table cellspacing=\"0\" border=\"0\"><tr><td style=\" padding:0px 0px 0px 20px; \"><img src=\""+icon+"\" width=\"64\" height=\"64\"></td>"
+"<td ><div style=\"background-color: #fff; font-weight: bold;font-size: 12px;padding:20px 0px ; text-align:left;\">"+content
+"</div></td></tr></table>"
家乡的四季
+"<div style=\"text-align:center; padding:0px 0px 20px;background-color: #fff;\"><input type='button' style=\"border:1px solid #CCC; background-color:#CCC; width:50px; height:25px;\" value='确定'id=\"msgconfirmb\" onclick=\"remov if(null!=cancel){temp+=" <input type='button' style=\"border:1px solid #CCC; background-color:#CCC; width:50px; height:25px;\" value='取消' id=\"msgcancelb\" onClick='remove()'>";}
风的声音temp+="</div></div>";
create_msgbox(400,200,temp);
if(focus==0||focus=="0"||null==focus){ElementById("msgconfirmb").focus();}
el if(focus==1||focus=="1"){ElementById("msgcancelb").focus();}
多少钱用英语怎么说
}
function get_width(){
return (document.body.clientWidth+document.body.scrollLeft);
}
function get_height(){
return (document.body.clientHeight+document.body.scrollTop);
}
function get_left(w){
var bw=document.body.clientWidth;
var bh=document.body.clientHeight;
w=parFloat(w);
return (bw/2-w/2+document.body.scrollLeft);
}
显示器不亮主机正常
function get_top(h){
var bw=document.body.clientWidth;
var bh=document.body.clientHeight;
h=parFloat(h);
return (bh/2-h/2+document.body.scrollTop);
}
function create_mask(){//创建遮罩层的函数
var ateElement("div");
mask.id="mask";
mask.style.position="absolute";
mask.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=4,opacity=25)";//IE的不透明设置
mask.style.opacity=0.4;//Mozilla的不透明设置
mask.style.background="black";
p="0px";
mask.style.left="0px";
mask.style.width=get_width();
mask.style.height=get_height();
mask.style.zIndex=1000;
document.body.appendChild(mask);
}
function create_msgbox(w,h,t){//创建弹出对话框的函数
var ateElement("div") ;
box.id="msgbox";
box.style.position="absolute";
box.style.width=w;
box.style.height=h;
box.style.overflow="visible";
box.innerHTML=t;
box.style.zIndex=1001;
document.body.appendChild(box);
re_pos();
}
function re_mask(){
/*
更改遮罩层的⼤⼩，确保在滚动以及窗⼝⼤⼩改变时还可以覆盖所有的内容
*/
var ElementById("mask") ;
if(null==mask)return;
mask.style.width=get_width()+"px";
mask.style.height=get_height()+"px";
}
function re_pos(){
/*
更改弹出对话框层的位置，确保在滚动以及窗⼝⼤⼩改变时⼀直保持在⽹页的最中间 */
var ElementById("msgbox");
if(null!=box){
var w=box.style.width;
var h=box.style.height;
box.style.left=get_left(w)+"px";
p=get_top(h)+"px";
}
衔接}
function remove(){
/*
清除遮罩层以及弹出的对话框
*/
var ElementById("mask");
var ElementById("msgbox");
if(null==mask&&null==msgbox)return;
veChild(mask);
veChild(msgbox);
}
function re_show(){
/*
重新显⽰遮罩层以及弹出窗⼝元素
*/
re_pos();
re_mask();
}
function load_func(){
/*
加载函数，覆盖window的onresize和onscroll函数
医院图片简笔画
*/
}
// ]]></script>
声明：本例⼦是基于做的修改
