Minimalist jQuery Toast Notification Plugin - simpleToastMessage

Minimalist jQuery Toast Notification Plugin - simpleToastMessage
File Size: 4.87 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

simpleToastMessage is a small and cross-browser jQuery plugin that uses plain HTML and CSS to display auto-close toast notification popups with variable colors on your screen.

How to use it:

1. Include the style sheet simpleToastMessage.css in the header to style the toast messages.

<link href="simpleToastMessage.css" rel="stylesheet">

2. Include the Javascript file simpleToastMessage.js and jQuery library just before the closing body tag.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="simpleToastMessage.js"></script>

3. Create static toast messages on the screen:

defaultToast("Default toast");
successToast("Success toast");
errorToast("Error toast");

4. Create automatic toast messages that will auto dismiss after 1.5 seconds:

defaultToastAuto("Default toast");
successToastAuto("Success toast");
errorToastAuto("Error toast");

Change log:

2016-08-19


This awesome jQuery plugin is developed by pmohsin. For more Advanced Usages, please check the demo page or visit the official website.