This time I will share jQuery Plugin and tutorial about Super Tiny Notification Plugin With jQuery – Notifino, hope it will help you in programming stack.
Notifino is a very small (~3kb unminified) jQuery plugin for creating flexible, customizable notification bars that appear at the top of the webpage.
How to use it:
1. Load jQuery library together with the jQuery Notifino plugin’s JS and CSS files in the html page.
1 |
<link rel="stylesheet" href="notifino.css"> |
2 |
<script src="jquery.min.js"></script> |
3 |
<script src="jquery.notifino.js"></script> |
2. Load the Font Awesome 4 Icon Font for the close icon (OPTIONAL).
1 |
<link rel="stylesheet" href="font-awesome.min.css"> |
3. Display a default notification bar on the webpage.
1 |
$(" body ").notifino(); |
4. Change the default styles and message text of the notification bar.
01 |
$(" body ").notifino({ |
04 |
background : '#23ADDB', |
07 |
text : 'Hey there, you got a new notification!', |
13 |
wrapper : '<div class="notifino"></div>', |
27 |
id : "notifino-close", |
28 |
class : 'notifino-btn-rounded', |
5. Add a second action button to the notification bar.
01 |
$(" body ").notifino({ |
This awesome jQuery plugin is developed by erstefan. For more Advanced Usages, please check the demo page or visit the official website.
