Iron Man Day 12 - toastr.js

by Sheng Huang Huang

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.min.js"></script>
<button id="button-demo">簡易DEMO</button>

<button id="button-demo2">DEMO2</button>

JavaScript

toastr.options = {
  positionClass: 'toast-bottom-left',
}

$('#button-demo').click(function(){
	toastr.success("鐵人賽~大~~平~~台！");
});

$('#button-demo2').click(function(){
	toastr.info('<h1>鐵人賽</h1><p>大~~平~~台！</p>', '我只是DEMO');
});