Press "Enter" to skip to content

A Simple and Easy Twitter-Like Notify Bar

jQuery Notify bar is a simple plugin (basically not a plugin, but a widget) for showing the notification bar (like a Twitter web page). The Notification Bar is used to display various types of message notifications on your webpage as you saw on Twitter.

How to make use of it:

1. Load the required jquery.notifyBar.css for the essential notification types.

<link rel="stylesheet" href="css/jquery.notifyBar.css">

2. Load the jquery.notifyBar.js script after jQuery library at the bottom of your webpage.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.notifyBar.js"></script>

3. Create a standard notify bar with customized messages.

$.notifyBar({html: 'Your message here',});

4. Full plugin choices to customize the notify bar.

// custom message
html           : 'Your message here',

// delay
delay          : 3000,

// animation speed
animationSpeed : 200,

// error, success, warning or custom CSS class
cssClass       : '',

// target object
jqObject       : '',

// display close button
close          : false,

// text for close button
closeText      : '&times;',

// click the notify bar to close
closeOnClick   : true,

// hover over the notify bar to close
closeOnOver    : false,

// if enabled, notify bar don't close until user presses the close button.
waitingForClose : true,

// or 'bottom'
position       : 'top'

// callback functions
onBeforeShow   : null,
onShow         : null,
onBeforeHide   : null,
onHide         : null,

Basic Twitter-like Notify Bar Plugin, jQuery Notify bar Plugin/Github

Twitter-Like-Notify-Bar-Demo


See Demo And Download

Official Website(dknight): Click Here

This superior jQuery/javascript plugin is developed by dknight. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.