Minimal jQuery Toast Notification Plugin - ialert

File Size: 80.6 KB
Views Total: 843
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimal jQuery Toast Notification Plugin - ialert

ialert is a simplist jQuery plugin used to create an auto-hiding popup window on your web page. Great for displaying important info, message toasts, alert messages of your website for your visitors.

How to use it:

1. Load the jQuery library and the jQuery iAlert plugin in the document.

<script src="//"></script>
<script src='jquery.ialert.js'></script>

2. Initialize the plugin to display default messages with default options.


3. Custom the styles for your notification types via CSS.

.ialert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 #7f8c8d;
  background-color: #e74c3c;
  border: 1px solid #c0392b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

.ialert-info {
  color: #fff;
  background-color: #e74c3c;
  border-color: #c0392b;

4. Available configurations.

"speed" : 2000, // fade-out speed in ms
'msg':'show alert info', // you messages
'style':{ // custom styles
  position: 'relative',

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