Simple Notification Bar Plugin For jQuery - jBar
File Size: | 41.9 Kb |
---|---|
Views Total: | 3938 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

jBar is a simple and lightweight jQuery Plugin for add a Notification Bar to your website for displaying important informations. The user can then toggle the visibility of the bar by clicking the ribbon.
How to use it:
1. Include jQuery Library and jbar.min.js script on the page.
<script src="jquery.js"></script> <script src="jbar.min.js"></script>
2. Functions and options
<script> $(function () { $.jBar({ type: 'fixed', // fixed/static (lowercase) delay: '1000', // In milliseconds backgroundColor: '#DB5903', // Background Color borderColor: '#FFF', // Background Color buttonTextColor: '#FFF', // Button Text buttonColor: '#333', // Button Color buttonColorHover: '#222', // Button Color Hover calltoAction: 'jBar Plugin! A simple and lightweight notification banner.', // Call to action text buttonText: 'Download it!', // Button Text buttonLink: 'https://www.jqueryscript.net' // Hyperlink from button }); }); </script>
Change log:
v2.0.0 (2013-06-08)
- update to the latest version
This awesome jQuery plugin is developed by toddmotto. For more Advanced Usages, please check the demo page or visit the official website.