jquery 간단 alert 창 꾸미기

<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<link rel="stylesheet" href="js/jquery-ui-1.12.1/jquery-ui.css">
<script src="js/jquery-ui-1.12.1/jquery-ui.js"></script>

 

뭐 이렇게 jquery 참조 시키고

 

function jalert(msg){
	$("#alertBox").dialog({
		open: $("#alertBox").text(msg),
		title: "확인",
		autoOpen: true,
		modal: true,
		buttons: {
			OK: function () {
			$("#alertBox").dialog("close");
			}
		}
	});
}

 

이렇게 간단히 script 에 함수 넣고 하단에 div 를 넣어준다

 

<div id="alertBox" style='z-index:99999'></div>

 

그리고 

 

<script type="text/javascript">
<!--
	jalert("모달");
//-->
</script>

이렇게 사용하면 이쁘게 뜬다