Minimal jQuery Toast Notification Plugin - ialert
File Size: | 80.6 KB |
---|---|
Views Total: | 814 |
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.