JQuery 토스트 toastr

jQuery 토스트 toastr

1 예시

<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css'/>
<script src='//code.jquery.com/jquery.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js'></script>
<script>
$(function() {
	toastr.options = {
		"progressBar": true,
	}
	$('#show-toast').click( function() {
		toastr["success"]("안녕하세요?")
	});
});
</script>

<button id='show-toast'>토스트!</button>

2 참고 자료

• https://github.com/CodeSeven/toastr
• http://codeseven.github.io/toastr/demo.html