Simple Notification Bar Plugin For jQuery - jBar

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

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.