JavaScript Alert general beautification class_javascript skills

function sAlert(msg,boxtype,func,msgtitle)
sAlert('information content',1,'','information title')
@msg: Prompt information content
@boxtype: 1 is a pop-up box , 2 is the confirmation box, 3 is the prompt box
@func: the function executed when confirming is clicked
@title: the text content of the title of the information box
Only msg is required, and the following parameters can be omitted. If the middle parameter is empty, use '' or "" in the corresponding position (single or double quotes according to the actual situation)
To call this method, you must add the following code to the head area of ​​each page used.

Copy code The code is as follows:

<title>Pop-up box test page</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Content-Language" content="gb2312"> <style type="text/css"><!-- /*<!--[CDATA[*/ *{ margin:0;padding:0; } ul li{list-style-type:none;} html,body{height:100%;} #textid{padding:10px} #bgDiv{position:absolute;top:0;left:0;width:100%;height:100%;background:#000; filter:alpha(opacity:75);opacity:0.6;} #msgDiv{text-align:center;position:absolute;left:50%;top:50%;line-height:25px;z-index:101; padding:1px 0 25px;font-size:12px;height:auto!important;height:142px;min-height:142px; width:255px;background:url(attachments/month_0904/g200942816344.gif) left top repeat-y;} #msgTxt{clear:both;padding:10px 10px;text-align:left;} #msgTxt li{border-bottom:1px dotted #69a;} #msgTitle{font-size:12px;margin:0;height:21px;width:100%;line-height:20px;text-indent:3em; background:url(attachments/month_0904/n200942816339.gif) left top no-repeat;text-align:left; filter:alpha(opacity:75);opacity:0.6;font-family:Verdana,Arial;} #msgTitle b{cursor:pointer;float:right;width:30px;height:20px;margin-right:10px;display:inline;} #msgButton input{border:1px solid #369;color:#000;background:#eef5ff;cursor:pointer; font-size:12px;height:20px;padding:0 5px;line-height:20px;margin:0 5px;} #msgButton{position:absolute;bottom:0px;left:0;width:255px;text-align:center;height:20px;padding:8px 0 6px; background:url(attachments/month_0904/l200942816354.gif) left top repeat-y;} #msgRun{width:600px;margin:0 auto;padding:10px;background:#fff5ee;border:1px solid #f80;} #msgRun ul{margin:10px;padding:10px;background:#fff;border:1px solid #f85;font-size:12px;} #msgRun ul li{border-bottom:1px dotted #ccc;line-height:25px;} input {cursor:pointer;} p{padding:5px;} textarea{width:580px;overflow:hidden;height:60px;padding:5px;} /*]]>*/ --></style> <div id="msgRun"> <div> <h5> </h5>Pet-specific information box example: <input type="button" value="寮瑰"> </div> </div>