This time I will share jQuery Plugin and tutorial about Minimal Corner Notification Popup Plugin With jQuery – jsdvPopup, hope it will help you in programming stack.
jsdvPopup is a super light jQuery plugin for showing a notification popup at the bottom right of the webpage to broadcast important messages about your website / web application.
Basic usage:
1. Add references to jQuery library and the jQuery jsdvPopup plugin to your html page.
1 |
< script src = "//code.jquery.com/jquery-1.12.0.min.js" ></ script > |
2 |
< script src = "src/jsdvPopup.js" ></ script > |
2. Create custom text for the notification popup.
1 |
$.jsdvPopup({text:'Text here'}); |
3. Style the notification popup in the CSS
09 |
box-shadow: 5px 5px 5px rgba( 0 , 0 , 0 , 0.5 ); |
10 |
padding : 10px 35px 10px 10px ; |
20 |
background : url ( "images/icons/delete_24x24.png" ); |
4. Add an image to your notification popup.
5. Change the amount of time to auto close the notification popup.
This awesome jQuery plugin is developed by stepanovDmit. For more Advanced Usages, please check the demo page or visit the official website.