Simple Alert Box Plugin with jQuery - Lite Alert

Simple Alert Box Plugin with jQuery - Lite Alert
File Size: 41.4 KB
Views Total:
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.