반응형
javascript의 alert 효과를 jQuery의 Dialog를 사용하여 띄우는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="euc-kr" />
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</body>
</html>
실행결과
반응형
'jQuery' 카테고리의 다른 글
| jQuery 최신 버전! (0) | 2023.09.15 |
|---|---|
| jQuery 2.0 정식 릴리즈 (0) | 2013.05.02 |
| Creating, getting, and setting content using jQuery (0) | 2013.04.29 |
| jQuery selectors (0) | 2013.04.29 |
| jQuery Utility Functions (0) | 2013.04.29 |
