웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 간단한 토스트 알림 jQuery 플러그인 - Toaster.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 간단한 토스트 알림 jQuery 플러그인 - Toaster.js

해피CGI윤실장 2023. 5. 18. 09:16

          

- 라이센스

MIT





- 사용 방법


1. jQuery 라이브러리와 toaster.js 플러그인을 링크합니다.






2. 기본 토스트 메시지를 표시할 수 있습니다.






3. ERROR 메시지를 표시할 수 있습니다.







4. 시간 초과 후 토스트 메시지를 자동으로 해제할지 여부를 결정할 수 있습니다. (기본값 : true)







5. 토스트 메시지의 배경색을 지정할 수 있습니다.






6. 토스트 메시지의 위치를 설정합니다.

  • right-top (기본값)
  • right-bottom
  • left-top
  • left-bottom
  • center










7. 토스트 메시지를 클릭했을 때 이벤트를 설정할 수 있습니다.








- 작동 예제

 

 

 

Comments