JavaScript Alert 일반 미화 class_javascript 기술

function sAlert(msg,boxtype,func,msgtitle)
sAlert('정보 내용',1,'','정보 제목')
@msg: 프롬프트 정보 내용
@boxtype: 1은 팝입니다. -up box , 2는 확인 상자, 3은 프롬프트 상자
@func: 확인 클릭 시 실행되는 함수
@title: 정보 상자 제목의 텍스트 내용
msg만 해당 필수이며, 다음 매개변수는 생략될 수 있습니다. 중간 매개변수가 비어 있는 경우 해당 위치에 '' 또는 ""를 사용합니다(실제 상황에 따라 작은따옴표 또는 큰따옴표 사용)
이 메소드를 호출하려면 각 매개변수의 헤드 영역에 다음 코드를 추가해야 합니다. 사용된 페이지입니다.

코드 복사 코드는 다음과 같습니다.

<script type="text/javascript " src= "alert1/alert.js" src="alert1/alert.js"></script>
<link href="alert1/alert.css" href="alert1/alert.css" rel=" stylesheet" type="text/css" />

<title>팝업박스 테스트 페이지</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> </div> </div>