Simple Alert Box Plugin with jQuery - Lite Alert
File Size: | 41.4 KB |
---|---|
Views Total: | 1997 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Lite Alert is a really simple jQuery notification plugin that displays fully CSS styleable alerts with custom messages on your web page / web application.
How to use it:
1. Load the style.css
for the basic alert styles.
<link href="css/style.css" rel="stylesheet">
2. Load the jquery.litealert.js
script after jQuery library.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="js/jquery.litealert.js"></script>
3. Create a basic alert box with a custom messages and a close button.
$.la ('Title', 'Message here');
4. Config the alert box.
$.laConfig ({ // CSS classes classes : { box: 'lite-alert-box', item: 'lite-alert-item', close: 'lite-alert-item-close', header: 'lite-alert-item-header', content: 'lite-alert-item-content', footer: 'lite-alert-item-footer' }, // animation speed speed: 200 });
This awesome jQuery plugin is developed by denikeweb. For more Advanced Usages, please check the demo page or visit the official website.