jQuery Notify bar
Please visit the project page for feedback and other details.
Simple plugin (basically it's not a plugin, but widget) to show notify bar (like on Twitter's webpage). It's very simple to use:
Installation
> bower install jqnotifybarUsage
jQuery(function () {
jQuery.notifyBar({
html: "Thank you, your settings were updated!",
delay: 2000,
animationSpeed: "normal"
});
});
Usage position at bottom
jQuery(function () {
jQuery.notifyBar({
html: "Hi from below!",
cssClass: "Appear at bottom",
position: "bottom"
});
});
Options
| Option | Description | Type | Default |
|---|---|---|---|
| html | What text will be inside bar. Can be HTML or just text. | String [optional] | "Your message here" |
| delay | How long bar will be delayed, doesn't count animation time. | Integer [optional] | 2000 |
| animationSpeed | How long this bar will be slided up and down. | String | Integer | "normal" |
| jqObject | Custom jQuery object for notify bar. | jQuery object [optional] | null |
| cssClass | You can define own CSS class for Notify bar. There are too premade classes "error", "warning" and "success". | String | "" |
| close | If set to true close button will be displayed. | Boolean | false |
| closeText | Sets the text to close button. | String | "Close [X]" |
| closeOnClick | If enabled, user can hide notify bar just by click on it. | Boolean | true |
| closeOnOver | If enabled, user can hide notify bar just by moving mouse cursor on it (suitable for really lazy people). | Boolean | false |
| waitingForClose | If enabled, notify bar don't close until user presses the close button. | Boolean | true |
| onBeforeShow | Callback on before show. | function | null |
| onShow | Callback on show. | function | null |
| onBeforeHide | Callback on before hide. | function | null |
| onHide | Callback on hide. | function | null |
| position | Set the position of notify bar. Possible values are top, bottom. | string | "top" |
Please visit the project page for feedback and other details.
4 Oct 18, 2022
14 Nov 12, 2022
57 Dec 26, 2022
3 Oct 28, 2022
13 Jan 4, 2023
6 Sep 6, 2022
1 Oct 10, 2022
2.9k Jan 8, 2023
1 Jan 20, 2022
17 Dec 11, 2022
2 Oct 6, 2022
9 Sep 17, 2022
11 Nov 29, 2022
38 Sep 18, 2022
38 Dec 16, 2022
0 Oct 29, 2022
6 Oct 27, 2022
5 Nov 14, 2022
37 Dec 21, 2022