jBar, the lightweight jQuery notification plugin.
Include it in your page with jQuery to initiate jBar:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/jbar.js"></script>
<script>
$(function () {
$.jBar();
});
</script>
Options to choose from to quickly configure the jBar with your colours, call to actions, entrance duration and more:
<script>
$(function () {
$.jBar({
startClosed: false, // show only the trigger tag to start with
type: 'fixed', // fixed/static
delay: '1000', // Entrance delay (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: 'http://www.toddmotto.com/jbar-plugin-the-jquery-call-to-action-bar' // Hyperlink from button
});
});
</script>