728x90
반응형
■ Javascript alert 창 꾸미기 alertify.js 사용법
alert 기능의 경고창을 JQuery UI Dialog 를 사용하여 꾸밀 수 있음
■ 플러그인 설치
<link href="/css/alertify.css" rel="stylesheet">
<script src="/js/alertify.min.js"></script>
alertify.css
0.03MB
alertify.min.js
0.04MB
AlertifyJS
All of AlertifyJS animation/transition effects are disabled due to user preference that the system minimizes the amount of animation or motion it uses. See prefers-reduced-motion CSS media feature.
alertifyjs.com
■ 사용법
alertify.alert("문구입력");
■ 결과
<script type="text/javascript">
$(document).ready(function() {
alertify.alert("테스트 팝업");
});
</script>
728x90
반응형
'Javascript' 카테고리의 다른 글
| [Javascript] 부모창에서 자식창으로 값 전달하기 opener (0) | 2022.03.29 |
|---|---|
| [Javascript] 배열 내 특정 값 삭제하기 splice(), filter() (0) | 2022.03.25 |
| [Javascript] 인증번호 타이머 (0) | 2022.03.22 |
| [Javascript] Export HTML to Word Document with JavaScript (0) | 2022.03.18 |
| [Javascript] textarea code highlighter effects (1) | 2022.03.14 |