登 录
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br /> <title>测试模态PopWin</title><br /> <style><br /> .errMainArea {<br /> BACKGROUND: url(http://mimg.4lou.com/style_v3/bg_m2.gif) repeat-y; LEFT: 0px; WIDTH: 305px; POSITION: absolute; TOP: 0px<br /> }<br /> .errTopArea {<br /> PADDING-RIGHT: 10px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://mimg.4lou.com/style_v3/bg_m1.gif) no-repeat 50% top; PADDING-BOTTOM: 3px; COLOR: #6089ce; PADDING-TOP: 5px<br /> }<br /> .errTxtArea {<br /> BORDER-RIGHT: #c4bcd3 1px solid; PADDING-RIGHT: 14px; BORDER-TOP: #c4bcd3 1px solid; PADDING-LEFT: 14px; BACKGROUND: url(http://mimg.4lou.com/style_v3/bg_face.gif) #e5edf9 no-repeat 15px 15px; PADDING-BOTTOM: 15px; MARGIN: 5px 14px 0px; BORDER-LEFT: #c4bcd3 1px solid; LINE-HEIGHT: 16px; PADDING-TOP: 15px; BORDER-BOTTOM: #c4bcd3 1px solid<br /> }<br /> .errTxtArea .txt_title {<br /> FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-LEFT: 12px<br /> }<br /> .errTxtArea .txt_title {<br /> COLOR: #7e937e<br /> }<br /> .errTxtArea .txt_title A {<br /> COLOR: #7e937e<br /> }<br /> .errTxtArea .txt_others {<br /> MARGIN-TOP: 10px; FONT-SIZE: 12px; COLOR: #95a293; LINE-HEIGHT: 16px; FONT-FAMILY: "宋体"<br /> }<br /> .errBtmArea {<br /> PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(http://mimg.4lou.com/style_v3/bg_m1.gif) no-repeat 50% bottom; PADDING-BOTTOM: 10px; PADDING-TOP: 7px; TEXT-ALIGN: center<br /> }<br /> .btnFn {<br /> BORDER-RIGHT: #7f84e7 1px solid; PADDING-RIGHT: 0px! important; BORDER-TOP: #7f84e7 1px solid; PADDING-LEFT: 0px! important; BACKGROUND-IMAGE: url(http://mimg.4lou.com/style_v3/bg_btn.gif); PADDING-BOTTOM: 0px! important; BORDER-LEFT: #7f84e7 1px solid; WIDTH: 74px; CURSOR: hand; COLOR: #2b327a; PADDING-TOP: 3px; BORDER-BOTTOM: #7f84e7 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #e1f1d4; TEXT-ALIGN: center<br /> }<br /> .msgbox_mask {<br /> Z-INDEX: 99999; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #000000<br /> }<br /> </style><br /> <script language="javascript"><br /> function showObj(o){if(o.style.display=='none')o.style.display='block'};<br /> function hideObj(o){if((o.style.display=='block')||(o.style.display==''))o.style.display='none'};<br /> var MB_OK=0;<br /> var MB_CANCEL=1;<br /> var MB_OKCANCEL=2;<br /> var MB_YES=3;<br /> var MB_NO=4;<br /> var MB_YESNO=5;<br /> var MB_YESNOCANCEL=6;<br /> var MB_OK_TEXT='确定';<br /> var MB_CANCEL_TEXT='取消';<br /> var MB_YES_TEXT='是';<br /> var MB_NO_TEXT='否';<br /> var MB_ICON="";<br /> var MB_OK_METHOD=null;<br /> var MB_CANCEL_METHOD=null;<br /> var MB_YES_METHOD=null;<br /> var MB_NO_METHOD=null;<br /> var MB_BACKCALL=null;<br /> var MB_STR='<div id="msgBoxMask" class="msgbox_mask" style="filter: alpha(opacity=0);display:none;"></div>'+'<div class="errMainArea" style="display:none; z-index:100000;" id="msgBox">'+'<div class="errTopArea" id="msgBoxTitle"></div>'+'<div class="errTxtArea" id="msgBoxContent"></div>'+'<div class="errBtmArea" id="msgBoxControl"></div>'+'</div>';<br /> var Timer=null;<br /> var msgBoxShow=false;<br /> document.write(MB_STR);<br /> var icon=new Image();<br /> icon.src=MB_ICON;<br /> function MessageBox()<br /> {<br /> var _content=arguments[0]||"";<br /> var _title=arguments[1]||'提示';<br /> var _icon=arguments[2] || MB_ICON;<br /> var _button=arguments[3] || MB_OK;<br /> MB_BACKCALL=arguments[4];<br /> var _iconStr='<img src="{0}" alt="" />';<br /> var _btnStr='<input name="{0}" id="{0}" type="button" class="btnFn" value="{1}" onclick="MBMethod(this)" />';<br /> switch(_button){<br /> case MB_CANCEL:_btnStr=_btnStr.toFormatString("msgBoxBtnCancel", MB_CANCEL_TEXT);break;<br /> case MB_YES:_btnStr=_btnStr.toFormatString("msgBoxBtnYes", MB_YES_TEXT); break;<br /> case MB_NO:_btnStr=_btnStr.toFormatString("msgBoxBtnNo", MB_NO_TEXT);break;<br /> case MB_OKCANCEL:_btnStr=_btnStr.toFormatString("msgBoxBtnOk", MB_OK_TEXT)+" "+_btnStr.toFormatString("msgBoxBtnCancel", MB_CANCEL_TEXT);break; case MB_YESNO:_btnStr=_btnStr.toFormatString("msgBoxBtnYes", MB_YES_TEXT)+" "+_btnStr.toFormatString("msgBoxBtnNo", MB_NO_TEXT);break;<br /> case MB_YESNOCANCEL:_btnStr=_btnStr.toFormatString("msgBoxBtnYes",MB_YES_TEXT)+" "+_btnStr.toFormatString("msgBoxBtnNo", MB_NO_TEXT)+" "+_btnStr.toFormatString("msgBoxBtnCancel", MB_CANCEL_TEXT);break;<br /> default:_btnStr=_btnStr.toFormatString("msgBoxBtnOk", MB_OK_TEXT);break;<br /> };<br /> ScrollTop=GetBrowserDocument().scrollTop;<br /> ScrollLeft=GetBrowserDocument().scrollLeft;<br /> GetBrowserDocument().style.overflow="hidden";<br /> GetBrowserDocument().scrollTop=ScrollTop;<br /> GetBrowserDocument().scrollLeft=ScrollLeft;<br /> $("msgBoxTitle").innerHTML=_title;<br /> $("msgBoxContent").innerHTML=_content;<br /> $("msgBoxControl").innerHTML=_btnStr;<br /> OpacityValue=0;<br /> showObj($('msgBox'));<br /> try{$("msgBoxMask").filters("alpha").opacity=0;}<br /> catch(e){};<br /> $("msgBoxMask").style.opacity=0;<br /> showObj($('msgBoxMask'));<br /> $("msgBoxMask").style.height=GetBrowserDocument().clientHeight+"px";<br /> $("msgBoxMask").style.width=GetBrowserDocument().clientWidth+"px";<br /> Timer=setInterval("DoAlpha()",1);<br /> var gBodyHeight=document.documentElement.clientHeight;<br /> var gBodyWidth=document.documentElement.clientWidth;<br /> gBodyWidth=(gBodyWidth - $("msgBox").offsetWidth)/ 2;<br /> gBodyHeight=(gBodyHeight - $("msgBox").offsetHeight)/ 2;<br /> $("msgBox").style.marginTop=gBodyHeight+"px";<br /> $("msgBox").style.marginLeft=gBodyWidth+"px";<br /> if(_button==MB_OK || _button==MB_OKCANCEL)<br /> {$("msgBoxBtnOk").focus();}<br /> else if(_button==MB_YES || _button==MB_YESNO || _button==MB_YESNOCANCEL)<br /> {$("msgBoxBtnYes").focus();}<br /> }<br /> var OpacityValue=0;var ScrollTop=0;var ScrollLeft=0;<br /> function GetBrowserDocument()<br /> {<br /> var _dcw=document.documentElement.clientHeight;<br /> var _dow=document.documentElement.offsetHeight;<br /> var _bcw=document.body.clientHeight;<br /> var _bow=document.body.offsetHeight;<br /> if(_dcw==0)return document.body;<br /> if(_dcw==_dow)return document.documentElement;<br /> if(_bcw==_bow && _dcw !=0)return document.documentElement;<br /> else return document.body;<br /> };<br /> function SetOpacity(obj,opacity)<br /> {<br /> if(opacity >=1 )opacity=opacity / 100;<br /> try{obj.style.opacity=opacity; }<br /> catch(e){}<br /> try{if(obj.filters){obj.filters("alpha").opacity=opacity * 100;}}<br /> catch(e){}<br /> };<br /> function DoAlpha(){if(OpacityValue > 4){clearInterval(Timer);return 0;}OpacityValue+=4;SetOpacity($("msgBoxMask"),OpacityValue);};<br /> function MBMethod(obj){<br /> switch(obj.id){<br /> case "msgBoxBtnOk" :<br /> if(MB_BACKCALL){MB_BACKCALL(MB_OK);} else {if(MB_OK_METHOD)MB_OK_METHOD();} break;<br /> case "msgBoxBtnCancel" : if(MB_BACKCALL){MB_BACKCALL(MB_CANCEL);} else {if(MB_CANCEL_METHOD)MB_CANCEL_METHOD();} break;<br /> case "msgBoxBtnYes" : if(MB_BACKCALL){MB_BACKCALL(MB_YES);} else {if(MB_YES_METHOD)MB_YES_METHOD();} break;<br /> case "msgBoxBtnNo" : if(MB_BACKCALL){MB_BACKCALL(MB_NO);} else {if(MB_NO_METHOD)MB_NO_METHOD();} break;<br /> }<br /> MB_OK_METHOD=null;<br /> MB_CANCEL_METHOD=null;<br /> MB_YES_METHOD=null;<br /> MB_NO_METHOD=null;<br /> MB_BACKCALL=null;<br /> MB_OK_TEXT='确定';<br /> MB_CANCEL_TEXT='取消';<br /> MB_YES_TEXT='是';<br /> MB_NO_TEXT='否';<br /> hideObj($('msgBox'));<br /> hideObj($('msgBoxMask'));<br /> GetBrowserDocument().style.overflow="";<br /> GetBrowserDocument().scrollTop=ScrollTop;GetBrowserDocument().scrollLeft=ScrollLeft;<br /> }<br /> String.prototype.toFormatString=function(){<br /> var _str=this;<br /> for(var i=0; i < arguments.length; i++)<br /> {_str=eval("_str.replace(/\\{"+i+"\\}/ig,'"+arguments[i]+"')");}<br /> return _str;<br /> };<br /> function $(objId)<br /> {<br /> if(document.getElementById && document.getElementById(objId))<br /> {return document.getElementById(objId);}<br /> else if(document.all && document.all(objId))<br /> {return document.all(objId);}<br /> else if(document.layers && document.layers[objId])<br /> {return document.layers[objId];}<br /> else{return false;}<br /> };<br /> </script><br /> </head><br /> <body><br /> <br /><br /> <br /><br /> <input onclick="MessageBox('测试成功！')" type="button" value="测试美丽弹出模态窗口" /> <br /><br /> <br /><br /> </body><br /> </html>
抱歉!评论已关闭.