Javascript

[Javascript] alert 창 꾸미기 alertify.js 사용법

chsr 2022. 3. 24. 14:49
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
반응형