This time I will share jQuery Plugin and tutorial about Sliding Notification Plugin With jQuery And Bootstrap – alarm-box.js, hope it will help you in programming stack.
alarm-box.js is a jQuery plugin used to display stacked sliding notification boxes with custom titles,buttons and messages, styled with Twitter Bootstrap.
How to use it:
1. Load Bootstrap’s style sheet and the alarm-box.css in the head section of the webpage.
1 |
<link rel="stylesheet" href="bootstrap.min.css"> |
2 |
<link rel="stylesheet" href="alarm-box.css"> |
2. Load jQuery library and the alarm-box.js at the bottom of the webpage.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="alarm-box.js"></script> |
3. The fastest way to create a sliding notification box on the webpage.
4. Customize the notification boxes with the following options.
11 |
modalTitle:'test title', |
23 |
btnInnerFirst:'Cancel', |
24 |
btnInnerSecond:'Okey', |
27 |
initModal(ModalOptions); |
This awesome jQuery plugin is developed by wzdxy. For more Advanced Usages, please check the demo page or visit the official website.
