Minimal jQuery Toast Notification Plugin - ialert

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

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="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src='jquery.ialert.js'></script>

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

$(function(){
$.ialert();
})

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
  top:'30%',
  left:'30%',
  height:'auto',
  position: 'relative',
  width:'200px',
  'text-align':'center'
}

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