| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
Tags
- CSS
- 게시판
- 솔루션
- 해피CGI
- 해피씨지아이
- #쇼핑몰
- #뉴스
- #happycgi
- php
- #솔루션
- #업종별
- 사이트제작
- 홈페이지
- #홈페이지제작
- 홈페이지제작
- #jQuery
- #이미지
- #웹솔루션
- javascript
- CGIMALL
- 이미지
- #image
- jquery
- #해피CGI
- #cgimall
- #CSS
- #홈페이지
- #동영상
- 웹솔루션
- happycgi
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 심플한 노티 js Oh Snap! 본문
위처럼 심플한 노티 알람을 작동하게 하는 Oh Snap! js 입니다.
사용 방법 역시 간단한데,
사용 하기 앞서 설치 방법 역시 js 를 선언하고 id 가 ohsnap 인 div 를 하나 만들어 주시면 됩니다.
ohSnap('Oh Snap! I cannot process your card...', {color: 'red'}); // alert will have class 'alert-color'
ohSnap('Yeeaahh! You are now registered.', {'duration':'2000'}); // 2 seconds
그리고 위 처럼 js 를 사용하면 됩니다. 색상과 시간 등을 주시면 됩니다.
샘플한 노티 알람이 필요하다면, 해당 js 도 고려해 보시기 바랍니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] 자바스크립트를 이용한 물방울 효과(VFX) VFX-JS + webfont + dynamic text + raymarching (0) | 2025.11.12 |
|---|---|
| [해피CGI][cgimall] 긴 글을 더보기 링크로 줄여주는 js - Readmore.js (0) | 2025.11.06 |
| [해피CGI][cgimall] WebGL Video 전환 Curtains.js (0) | 2025.11.04 |
| [해피CGI][cgimall] 날짜, 시간 계산을 위한 Spacetime (0) | 2025.11.03 |
| [해피CGI][cgimall] TailwindCSS로 스타일링된 최신 jQuery 태그 입력 시스템 (0) | 2025.10.28 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments