This time I will share jQuery Plugin and tutorial about Versatile Notification Plugin For jQuery – notifyjs, hope it will help you in programming stack.
notifyjs is a simple to use, highly customizable notification library for jQuery that lets you show notifications of various types to your end users. The notification can be placed anywhere on the webpage and even attached to any DOM elements just like the tooltip & popover.
More features:
- auto hide after a timeout
- show/hide animations
- click to dismiss
- easy to add your own styles
Basic usage:
1. Install the jQuery notifyjs plugin:
2 |
$ npm install Notify.js |
5 |
$ bower install Notify.js |
2. Import the Notify.js to your project or include the notify.js
directly:
1 |
< script src = "dist/notify.js" ></ script > |
3. Create a tooltip-style notification box attached to a specific element. Notification types included:
1 |
$( ".element" ).notify( "Hello World" , TYPE); |
4. Create a global notification box displayed at the top right of the web page.
1 |
$.notify( "Hello World" , TYPE); |
5. Change the default position of the notification box.
01 |
$.notify( "Hello World" ,{ |
6. Customize the notification box with these options.
01 |
$.notify( "Hello World" ,{ |
22 |
elementPosition: "bottom" , |
23 |
globalPosition: "top right" , |
34 |
hideAnimation: "slideUp" , |
This awesome jQuery plugin is developed by jpillora. For more Advanced Usages, please check the demo page or visit the official website.