This time I will share jQuery Plugin and tutorial about Basic Growl-style Notification Plugin with jQuery and Bootstrap, hope it will help you in programming stack.
File Size: | 2.88 KB |
---|---|
Views Total: | 885 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Yet another jQuery notification plugin which makes it easier to display growl-like notification messages using Bootstrap Alert styles.
How to use it:
1. Include jQuery library, Bootstrap’ CSS and the jQuery Bootstrap Notifications plugin on the html page.
1 |
< script src = "//code.jquery.com/jquery-1.11.3.min.js" ></ script > |
2 |
< script src = "bootstrapNotifications.js" ></ script > |
3 |
< link rel = "stylesheet" href = "/path/to/bootstrap.min.css" > |
2. Create a ‘Success’ notification that auto dismisses after 5 seconds.
1 |
$.notify( 'This is a successful test!' ); |
3. Create a ‘Warning’ notification that auto dismisses after 5 seconds.
1 |
$.notify( 'This is a warning test!' , 'warning' ); |
4. Create a ‘Danger’ notification that auto dismisses after 5 seconds.
1 |
$.notify( 'This is a danger test!' , 'danger' ); |
5. Create an ‘Info’ notification that auto dismisses after 10 seconds.
1 |
$.notify( 'This is an info test!' , 'info' , 10000); |
This awesome jQuery plugin is developed by joevgreathead. For more Advanced Usages, please check the demo page or visit the official website.
source : jqueryscript.net