jQuery Plugin To Create Fixed & Stackable Notifications - Notification

File Size: 133 KB
Views Total: 2690
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Create Fixed & Stackable Notifications - Notification

A dead simple jQuery notification plugin which displays a group of stackable, auto-fading, and fix positioned message boxes in your web page/application.

How to use it:

1. Include the jquery.notification.css for basic notification styles.

<link rel="stylesheet" href="css/jquery.notification.css">

2. Include jQuery library and the jQuery notification plugin at the bottom of the document.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="js/jquery.notification.min.js"></script>

3. The Javascript to create a notification box with custom title & message that will auto close after a timeout.

// $.notify(title, content, type, delay);
$.notify('Title', 'Your message here', 'success', 5000);

4. That's it. You can override the CSS rules in the jQuery Notification's stylesheet to create your own notification styles.

Change log:

2014-11-17

  • add new notification types: success, info, warning, error.

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