jquery.LiteAlert
jQuery plugin LiteAlert for beautiful alerts. Demo: [http://lux-blog.org/storage/jquery-LiteAlert/] (http://lux-blog.org/storage/jquery-LiteAlert/)
Installation
Include script after the jQuery library (unless you are packaging scripts somehow else):
<script src="/js/jquery.litealert.js"></script>
And inlude css-file or copy styles to your css-file.
<link href="/css/style.css" rel="stylesheet" type="text/css">
Usage
Syntax:
$.la('New alert', 'This is alert text');
or
$.LiteAlert('New alert', 'This is alert text');
Configuration
You can set your own class for elements (don't forget change it at styles).
$.laConfig ({ classes : { box: 'lite-alert-box', // alerts container item: 'lite-alert-item', // class for alert item close: 'lite-alert-item-close', // close icon header: 'lite-alert-item-header', // header information content: 'lite-alert-item-content', // message footer: 'lite-alert-item-footer' // footer information }, speed: 200 // animation speed });