🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Notifier is a lightweight yet heavily customizable jQuery plugin for creating animated attractive pop-up notifications on your web page/application.

Notification

Documentation

Notifier.js

A simple & lightweight jquery plugin for notifications

Installation

You need to include these files :

Jquery :

<script src="jquery.js"></script> <script src="jquery-ui.min.js"></script> <script src="notifier.min.js"></script>

In preference get the jquery libraries which is in reposity

Css :

<link rel="stylesheet" type="text/css" href="css/notifier.css">

Usage

You can call this method everywhere in your code, these are parameter and possible values

(function($) { 	$.notifier({ 		'type': // error | success | warning | info, 		'positionY': // top | bottom, 		'positionX': // left | right, 		'title' : 'Lorem ipsum Eiusmod', 		'text' : 'Lorem ipsum Veniam dolor ea Duis nostrud adipisicing veniam ex nulla proident laboris commodo...', 		'animationIn' : // Animation Entrance : Bounce | Highlight | Pulsat | Shake | Slide , 		'animationOut' : // Exit Animation : Blind | Clip | Drop | Explode | Fade | Fold | Puff | Pulsat | Shake, 		'delay' : 4000 // (optional) time delay before the notification disparition by default : 4000, 		'number' : 5 // (optional) maximum number of notification in the page by default 5, 		'animationIn_duration' : 'slow' // (optional) entrance animation duration time, 		'animationOut_duration' : 'slow' // (optional) exit animation duration time 	}); })(jQuery);

Demo : http://scripts.bouksou.com/notifier


You May Also Like