jquery自定义弹窗对话框js代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery自定义弹窗对话框js代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!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=utf-8" />
<title>jquery自定义弹窗对话框 </title>
<link href="asyncbox/skins/ZCMS/asyncbox.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="asyncbox/jQuery.v1.4.2.js"></script>
<script type="text/javascript" src="asyncbox/AsyncBox.v1.4.js"></script>

<script type="text/javascript">
	$(function(){
		$('#btn_alert').click(function(){
			asyncbox.alert('欢迎使用 jQuery.AsyncBox 弹窗插件','asyncbox_Title');
			return false;
		});
		$('#btn_html').click(function(){
			asyncbox.confirm('确定去首页？','问题');
			
		});
	});
</script>
<style type="text/css">
body{background:#f9f9f9;font-size:14px;}
.box{ margin:10px;}
.logo{font:bold 30px 'Arial Black',sans-serif; color:#066; }
.logo span{font-size:12px; font-weight:normal; color:#999}
input {padding:2px 16px;}
</style>
</head>
<body><center>
	<div class="box">
        <div class="logo">AsyncBox<span> 测试页面</span></div>AsyncBox（异步盒子）是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果，给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行，使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。 
        <form id="form1" name="form1" method="post" action="">
       
        <p>&nbsp;</p>
        <p>
            <input id="btn_alert" type="submit" value="警告弹窗" />
            <input id="btn_html" type="button" value="打开链接确认" />
        </p>
         </form>
    </div></center>
</body>
</html>

JS代码(AsyncBox.v1.4.js):

/* * AsyncBox v1.4 jQuery.Plugin * Date:2011-5-10 * Blog:http://wuxinxi007.cnblogs.com/ */
var asyncbox ={
	//标题栏图标Icon:true,//静止定位Fixed:false,//动画效果Flash:false,//自动重设位置autoReset:false,//遮挡 select (ie6)inFrame:true,//初始索引值zIndex:1987,//自适应最小宽度minWidth:330,//自适应最大宽度maxWidth:700,//拖动器Move:{
	//启用Enable:true,//限制在可视范围内Limit:true,//克隆Clone:true}
,//遮罩层Cover:{
	//透明度opacity:0.1,//背景颜色background:'#000'}
,//加载器Wait:{
	//启用Enable:true,//提示文本text:'加载中...'}
,//按钮文本Language:{
	//action 值 okOK:'确　定',//action 值 noNO:'　否　',//action 值 yesYES:'　是　',//action 值 cancelCANCEL:'取　消',//action 值 closeCLOSE:'关闭'}
}
;
	eval(function(p,a,c,k,e,r){
	e=function(c){
	return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))}
;
	if(!''.replace(/^/,String)){
	while(c--)r[e(c)]=k[c]||e(c);
	k=[function(e){
	return r[e]}
];
	e=function(){
	return'\\w+'}
;
	c=1}
;
	while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
	return p}
('(4(a){
	4 R(b,c,d){
	T e=n("1s"+c);
	e?n("1s"+c+"17").2L=b:(a("1y").2d([\'<9 3="1s\',c,\'" 8="3W">\',\'<1z 2M="0" 2N="0" 2O="0">\',"<15>",\'<7 8="3X"></7>\',\'<7 8="1s\',c,\'"><1a></1a></7>\',\'<7 8="3Y" 3="1s\'+c+\'17">\',b,"</7>",\'<7 8="3Z"></7>\',"</15>","</1z>","</9>"].1N("")),e=n("1s"+c)),Q(e),2P(4(){
	a(e).2Q({
	S:o().S,1t:0}
,4(){
	a(1A).1O()}
)}
,d||41)}
4 Q(a){
	T b=o(),d=b.W*.2R-a.1f/2,e=b.U+(b.X-a.1l)/2;
	a.V.S=b.S+d+"Z",a.V.U=e+"Z",c.16&&N(a)}
4 P(b,c,d,f){
	T g=e+f,h={
	3:g,2S:g,1m:c,1n:b,1P:e+"1b",1p:d}
;
	12(f=="1B"||"1C"||"1Q")h.1g=a.11.1R;
	42(f){
	2T"1S":h.1g=a.11.2e;
	2U;
	2T"2f":h.1g=a.11.2V}
q(h)}
4 O(b,c,d){
	1c a.43(b,4(a){
	1c d?a[d]!=c:a!=c}
)}
4 N(a){
	l.1u(a,o())}
4 J(b){
	T c=44 45;
	c.3=b.3,c.S=b.S,c.1h=b.1h,c.1i=b.1i,c.U=b.U,c.1T=b.1T,k.1D(c),k.1j>0&&!f&&(a(1U).2g("2W",M),f=!0)}
4 I(a){
	H(a,2h,!1),c.2i&&a.2i&&J(a),m&&c.16&&N(n(a.3))}
4 H(a,b,d){
	T e=b||o();
	12(e.x>e.X||e.y>e.W)e=o();
	T f=a.3,g=n(f),h=g.V,i=g.1f>e.W/2?(e.W-g.1f)/2:e.W*.2R-g.1f/2,j=46=!m&&c.16?i:e.S+i,k=e.X-g.1l,l=47=!m&&c.16?k/2:e.U+k/2;
	!m&&c.16?(a.S>=0&&(j=a.S),a.1h>=0&&(l=k-a.1h),a.1i>=0&&(j=e.W-g.1f-a.1i),a.U>=0&&(l=a.U)):(a.S>=0&&(j=e.S+a.S),a.1h>=0&&(l=e.U+k-a.1h),a.1i>=0&&(j=e.S+e.W-g.1f-a.1i),a.U>=0&&(l=e.U+a.U)),j=j<=0?0:j,l=l<=0?0:l,d?y(g,{
	S:j,U:l}
):(h.S=j+"Z",h.U=l+"Z")}
4 G(b){
	T d=b.3,f=n(d),g=f.V,h=o();
	12(b.13||b.1d){
	b.X!="1b"&&(g.X=b.X+"Z"),b.W!="1b"&&(g.W=b.W+"Z");
	T i=a("#"+d+"17");
	b.X>0&&b.1d&&i.X(b.X-a("#"+d+"2X").2Y()-a("#"+d+"2Z").2Y()),b.W>0&&i.W(b.W-a("#"+d+"2j").1V()-a("#"+d+"30").1V()-a("#"+d+"31").1V()-a("#"+d+"32").1V()),F(b)}
48 f.1l<c.33&&!b.18?(f.34=e+"2k",g.X=c.33+"Z"):f.1l>c.35&&(f.34=e+"2k",g.X=c.35+"Z"),f.1f>h.W&&a.1W(b.3,f.1l,h.W);
	g.X=f.1l+"Z"}
4 F(b){
	c.2l.2m&&b.13&&a("#"+b.3+"17").49("36",4(){
	a("#"+b.3+"37").1O()}
)}
4 E(a){
	G(a),I(a),c.16&&N(n(a.3))}
4 D(b){
	T c=n(b),d=a.1k(b);
	12(c){
	c.1v="38:39";
	3a{
	d.2n.4a(""),d.2n.4b(),d.2n.1E()}
3b(e){
}
}
}
4 C(a){
	T c=n(a);
	12(j.1j>0)2o(b 2p j)12(b=a)c.2L="",j=O(j,a),j.1j==0&&(j=[])}
4 B(b){
	T c,d=a.11.1F.1G(b.1g);
	a.2q(d,4(d,e){
	a("#"+b.3+"3c"+e.19).4c(4(d){
	1A.3d=!0,b.18?c=b.1p(e.19,n(b.3+"1H").2r):b.13?c=b.1p(e.19,a.2s(b.3),a.3e):b.1d?c=b.1p(e.19,a.3e):c=b.1p(e.19);
	12(3f c=="4d"||c)b.13&&b.3g!="2t"&&D(b.3+"17"),a.1E(b.3,b.3g);
	1A.3d=!1,d.3h()}
)}
)}
4 A(b){
	b.18?a("#"+b.3+"1H").1X().3i():a("#"+b.3+"3j").1X().1O()}
4 z(b){
	12(b.1g){
	T c=[];
	a.2q(b.1g,4(a,d){
	c.1D(\'<a 3="\',b.3,"3c",d.19,\'"8="\',e,\'11"\',m?\'2u="3k:3l(0)"\':"","><1a>&2v;
	",d.1o,"&2v;
	</1a></a>")}
);
	1c c.1N("")}
}
4 y(b,d){
	a(b).2Q(d,3m,4(){
	m&&c.16&&N(b)}
)}
4 x(b){
	T d=b.13||b.1d?"4e":"4f",f=b.13||b.1d?"4g":"4h",g="";
	b.1Y&&(3f b.1Y=="4i"?g="?"+b.1Y:g="?"+a.4j(b.1Y));
	1c[c.3n&&b.13||b.1d?\'<!--[12 3o 6]><1k 8="\'+e+\'3i"></1k><![3p]-->\':"",b.18?"":\'<2w 3="\'+b.3+\'3j" 2x="4k" V="1I:1J;
	z-3q:-5">\',\'<1z 8="\'+e+\'1z" 2M="0" 2N="0" 2O="0">\',"<3r>","<15>",\'<7 8="4l" 3="\'+b.3+\'2X"></7>\',\'<7 8="4m" 3="\'+b.3+\'2j">\',\'<9 8="\'+e+\'1m">\',"<1w>",c.4n?\'<14 8="\'+e+\'4o"></14>\':"",\'<14 8="\'+e+\'4p"><3s>\',b.1m,"&2v;
	</3s></14>",\'<14 V="4q-U:4r">\',\'<a 3="\'+b.3+\'4s" 8="\'+e+\'1E" 2u="3k:3l(0)" 1m="\'+c.1q.1F+\'">\'+c.1q.1F+"</a>","</14>","</1w>","</9>","</7>",\'<7 8="4t" 3="\'+b.3+\'2Z"></7>\',"</15>",b.1Z?\'<15><7 8="4u"></7><7 8="4v" 3="\'+b.3+\'30" 4w="S">\'+\'<9 8="4x"><1w><14 8="4y">\'+b.1Z.1m+"</14>"+\'<14 8="4z">\'+b.1Z.1n+\'</14></1w></9></7><7 8="4A"></7></15>\':"","<15>",\'<7 8="4B"></7>\',\'<7 8="\'+d+\'">\',b.13?"":b.18?\'<9 8="\'+e+\'20">\'+"<1w>"+"<14>"+b.18.21+"</14>"+"<14>"+(b.22=="1o"?\'<2w 2x="1o" 3="\'+b.3+\'1H" 2r="\'+b.18.1n+\'" 1W="3t" />\':"")+(b.22=="2y"?\'<2y 4C="3t" 4D="10" 3="\'+b.3+\'1H">\'+b.18.1n+"</2y>":"")+(b.22=="3u"?\'<2w 2x="3u" 3="\'+b.3+\'1H" 2r="\'+b.18.1n+\'" 1W="40" />\':"")+"</14>"+"</1w>"+"</9>":b.1d?\'<9 3="\'+b.3+\'17" V="2z:\'+(b.1K=="3v"||b.1K=="1b"?"1b":"23")+\'">\'+b.2A+"</9>":\'<9 3="\'+b.3+\'17" V="2z:23;
	2z-y:1b"><9 8="\'+b.2S+\'"><1a></1a>\'+b.1n+"</9</9>",b.13?\'<1k 4E="0" 3="\'+b.3+\'17" 4F="\'+b.3+\'17" X="2B%" 1v="\'+b.2C+g+\'" 1K="\'+b.1K+\'"></1k>\':"","</7>",\'<7 8="4G"></7>\',"</15>",b.1g?\'<15><7 8="4H"></7><7 8="\'+f+\'" 3="\'+b.3+\'31">\'+\'<9 8="\'+e+\'4I">\'+z(b)+\'</9></7><7 8="4J"></7></15>\':"","<15>",\'<7 8="4K"></7>\',\'<7 3="\'+b.3+\'32" 8="4L"></7>\',\'<7 8="4M"></7>\',"</15>","</3r>","</1z>",c.2l.2m&&b.13?\'<9 8="\'+e+\'4N" 3="\'+b.3+\'37"><1a></1a>\'+c.2l.1o+"</9>":""].1N("")}
4 w(b){
	b.3w&&(h.1D(c.1e),i.1D(b.3),a.1r(!0,c.1e))}
4 v(a,b){
	T d=n(e+"1X"),f=d.V;
	a?a.13&&!c.1x.2D&&b&&(f.1L="3x"):f.1L="2E"}
4 u(b){
	4 A(){
	v(!1),c.1x.2D&&(c.24?y(g,{
	S:Y.25,U:Y.26}
):(h.S=Y.25+"Z",h.U=Y.26+"Z"),x.1L="2E"),m&&c.16&&N(g),Y.3y?(Y.3y(),Y.3z=2h,Y.3A=2h):a(d).2F("3B",z).2F("3C",A)}
4 z(a){
	t=a.3D-r,u=a.3E-s,c.1x.3F&&(t<=l?t=l:t>=q&&(t=q),u<=k?u=k:u>=p&&(u=p)),1M.S=u+"Z",1M.U=t+"Z"}
T f=b.3,g=Y=n(f),h=1M=Y.V,i,j,k,l,p,q,r,s,t,u,w=n(e+"3G"),x=w.V;
	a("#"+f+"2j").3H(4(e){
	e.3I==1&&e.4O.4P!="A"&&(i=o(),v(b,!0),Y=g,1M=g.V,j={
	S:Y.25,U:Y.26,X:Y.1l,W:Y.1f}
,c.1x.2D&&(!m&&c.16&&(x.1I="1u"),x.S=j.S+"Z",x.U=j.U+"Z",x.X=j.X-2+"Z",x.W=j.W-2+"Z",x.1L="3x",Y=w,1M=w.V),r=e.3D-j.U,s=e.3E-j.S,c.1x.3F&&(!m&&c.16?(k=l=0,p=i.W-j.W,q=i.X-j.X):(k=i.S,l=i.U,p=i.W+k-j.W,q=i.X+l-j.X)),Y.3J?(Y.3J(),Y.3z=4(a){
	z(a||4Q)}
,Y.3A=A):a(d).2g("3B",z).2g("3C",A),e.3h())}
)}
4 t(b){
	12(r()){
	T d=b.3,e=n(d);
	e?(w(b),e.V.1e=c.1e++,e.V.2G="4R"):(j.1D(b.3),w(b),a("1y").2d("<9 3="+d+" 8="+b.1P+\' V="S:0;
	z-3q:\'+c.1e++ +\'">\'+x(b)+"</9>"),E(b),A(b),B(b),a("#"+d).3H(4(a){
	a.3I==1&&(1A.V.1e=c.1e++)}
),c.1x.2m&&b.3K&&u(b))}
}
4 r(){
	T a=2H.4S("4T"),b=!1;
	2o(s 2p a){
	T c,d=a[s].1v;
	12(d){
	c=d.4U().4V(d.4W("/")+1);
	12(b=c.4X("2I")>=0?!0:!1)2U}
}
1c b}
4 q(b){
	t(a.4Y({
	1m:"4Z",1n:"",S:-1,1h:-1,1i:-1,U:-1,X:"1b",W:"1b",1P:e+"1b",1Z:!1,1g:!1,13:!1,1d:!1,18:!1,3K:!0,1T:!0,3w:!0,2i:!0,1K:"1b",1p:4(){
}
}
,b))}
4 p(){
	a("1y").2d([\'<9 3="\'+e+\'1r" 50="51" V="1t:\',c.27.1t,";
	52:53(1t=",c.27.1t*2B,");
	3L:",c.27.3L,\'">\',c.3n?"<!--[12 3o 6]><9><1k></1k></9><9></9><![3p]-->":"","</9>",\'<9 3="\'+e+\'3G"></9>\',\'<9 3="\'+e+\'1X"></9>\',\'<9 3="\'+e+\'36"><9><1a></1a></9></9>\'].1N(""))}
4 o(){
	T a=d.1y,b=d.3M;
	1c{
	x:28.29(a.54,b.3N),y:28.29(a.55,b.3O),S:28.29(b.2J,a.2J),U:28.29(b.2K,a.2K),X:b.3N,W:b.3O}
}
4 n(a){
	1c d.56(a)}
T c=2I,d=2H,e="57",f=!1,g=!1,h=[],i=[],j=[],k=[],l,m=!!1U.58&&!1U.59;
	a(4(){
	p(),c.16&&(m&&a("1y").3P("3Q")!=="1u"&&a("2A").3P({
	5a:"2C(38:39)",3Q:"1u"}
),l=l)}
),l={
	1u:m?4(a,b){
	T c=a.V,d="2H.3M",e=a.25-b.S,f=a.26-b.U;
	1A.1J(a),c.3R("S","3S("+d+".2J + "+e+\') + "Z"\'),c.3R("U","3S("+d+".2K + "+f+\') + "Z"\')}
:4(a){
	a.V.1I="1u"}
,1J:m?4(a){
	T b=a.V;
	b.1I="1J",b.3T("U"),b.3T("S")}
:4(a){
	a.V.1I="1J"}
}
;
	T K,L,M=4(){
	K&&3U(K),f&&(L=o(),K=2P(4(){
	a.2q(k,4(a){
	T b={
}
,d=k[a];
	b.3=d.3,b.S=d.S,b.U=d.U,b.1h=d.1h,b.1i=d.1i,c.24&&d.1T?H(b,L,!0):H(b,L,!1)}
),3U(K)}
,2B))}
;
	a.11={
	1R:[{
	1o:c.1q.1R,19:"5b"}
],2a:[{
	1o:c.1q.2a,19:"5c"}
],2b:[{
	1o:c.1q.2b,19:"3v"}
],1F:[{
	1m:c.1q.1F,19:"1E"}
],2c:[{
	1o:c.1q.2c,19:"5d"}
]}
,a.11.2e=a.11.1R.1G(a.11.2c),a.11.5e=a.11.2b.1G(a.11.2a),a.11.2V=a.11.2b.1G(a.11.2a).1G(a.11.2c),a.1r=4(b,d){
	T f=a("#"+e+"1r"),i=n(e+"1r").V;
	b?(g=b,i.1e=d||c.1e,c.24?f.5f(5g,c.27.1t):f.5h()):(g=b,c.24?f.5i(3m):f.2t(),h=[])}
,a.1E=4(c,d){
	T e=n(c);
	12(e){
	e.V.2G="23",d!="2t"&&(j.1j>0&&C(c),k.1j>0&&(k=O(k,c,"3")),a("#"+c).1O()),f&&k.1j==0&&(a(1U).2F("2W",M),f=!1,k=[]);
	12(g)2o(b 2p i)i[b]==c&&(i=O(i,c),h.1j>1&&i.1j!=0?(h.5j(),a.1r(!0,h[h.1j-1])):a.1r(!1))}
}
,a.1W=4(a,b,d){
	T e=n(a);
	12(e&&e.1l!=b||e.1f!=d){
	T f={
	3:e.3,X:b,W:d,13:!0,1d:!0}
;
	G(f),I(f),m&&c.16&&N(e)}
}
,a.1k=4(a){
	1c n(a).5k}
,a.2s=4(b){
	1c a.1k(b+"17")}
,a.5l=4(b,c){
	T d=n(b+"17");
	3a{
	d.1v=c||a.2s(b).5m.2u}
3b(e){
	d.1v=d.1v}
}
,a.2I=4(a){
	T b=n(a);
	1c b&&b.V.2G!="23"&&b.V.1L!="2E"?!0:!1}
,a.1B=c.1B=4(a,b,c){
	P(a,b,c,"1B")}
,a.1S=c.1S=4(a,b,c){
	P(a,b,c,"1S")}
,a.20=c.20=4(b,c,d,f,g){
	T h={
	3:e+"20",1m:b,18:{
	21:c||"",1n:d||""}
,22:f,1g:a.11.2e,1p:g}
;
	q(h)}
,a.3V=c.3V=4(a){
	a.3=a.3||e+c.1e,a.2C?a.13=!0:a.2A&&(a.1d=!0),a.X&&(a.1P=e+"2k"),q(a)}
,a.1C=c.1C=4(a,b,c){
	P(a,b,c,"1C")}
,a.2f=c.1C=4(a,b,c){
	P(a,b,c,"2f")}
,a.1Q=c.1Q=4(a,b,c){
	P(a,b,c,"1Q")}
,a.21=c.21=4(a,b,c){
	R(a,b||"1B",c)}
}
)(5n)',62,334,'|||id|function|||td|class|div|||||||||||||||||||||||||||||||||||||||||||||top|var|left|style|height|width|el|px||btn|if|pageMode|li|tr|Fixed|_content|inputMode|action|span|auto|return|htmlMode|zIndex|offsetHeight|btnsbar|right|bottom|length|iframe|offsetWidth|title|content|text|callback|Language|cover|asynctips_|opacity|fixed|src|ul|Move|body|table|this|alert|success|push|close|CLOSE|concat|_Text|position|absolute|scrolling|display|els|join|remove|layout|error|OK|confirm|flash|window|outerHeight|size|focus|data|tipsbar|prompt|tips|textType|hidden|Flash|offsetTop|offsetLeft|Cover|Math|max|NO|YES|CANCEL|append|OKCANCEL|warning|bind|null|autoReset|_header|normal|Wait|Enable|doc|for|in|each|value|box|hide|href|nbsp|input|type|textarea|overflow|html|100|url|Clone|none|unbind|visibility|document|asyncbox|scrollTop|scrollLeft|innerHTML|border|cellspacing|cellpadding|setTimeout|animate|382|icon|case|break|YESNOCANCEL|resize|_left|outerWidth|_right|_tipsbar|_btnsbar|_bottom|minWidth|className|maxWidth|load|_wait|about|blank|try|catch|_|disabled|returnValue|typeof|closeType|preventDefault|select|_Focus|javascript|void|300|inFrame|IE|endif|index|tbody|strong|60|password|yes|modal|block|releaseCapture|onmousemove|onmouseup|mousemove|mouseup|clientX|clientY|Limit|clone|mousedown|which|setCapture|drag|background|documentElement|clientWidth|clientHeight|css|backgroundAttachment|setExpression|eval|removeExpression|clearTimeout|open|asynctips|asynctips_left|asynctips_middle|asynctips_right||1500|switch|grep|new|Object|pt|pl|else|one|write|clear|click|undefined|b_m_m|a_m_m|b_btnsbar_m|a_btnsbar_m|string|param|button|b_t_l|b_t_m|Icon|title_icon|title_tips|padding|30px|_close|b_t_r|b_tipsbar_l|b_tipsbar_m|valign|b_tipsbar_layout|b_tipsbar_title|b_tipsbar_content|b_tipsbar_r|b_m_l|cols|rows|frameborder|name|b_m_r|b_btnsbar_l|btn_layout|b_btnsbar_r|b_b_l|b_b_m|b_b_r|wait|target|tagName|event|visible|getElementsByTagName|script|toLowerCase|substring|lastIndexOf|indexOf|extend|AsyncBox|unselectable|on|filter|alpha|scrollWidth|scrollHeight|getElementById|asyncbox_|ActiveXObject|XMLHttpRequest|backgroundImage|ok|no|cancel|YESNO|fadeTo|500|show|fadeOut|pop|contentWindow|reload|location|jQuery'.split('|'),0,{
}
))

附件:下载该文件资源,减少时间成本(增值服务)