Lightweight jQuery Notification Box Plugin - jNotify
| File Size: | 5.64 KB |
|---|---|
| Views Total: | 1328 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
jNotify is a simple and easy to use jQuery notification plugin for creating messages bubbles that can be placed at any corner of your web page.
How to use it:
1. Include the jQuery jNotify plugin and jQuery library in your Html file.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="jnotify.js"></script>
2. The javascript to create a minimal notification box. By default, the notification will appear on the top right of the screen on page loaded.
<script type="text/javascript">
$.jNotify({
content: "Your message",
});
</script>
3. Default options.
<script type="text/javascript">
$.jNotify({
// Layout to use (must be "top left", "top right", "bottom left", "bottom right")
position: 'top right',
// Define if the notification is closable
isClosable: true,
// Content of the notification
content: '',
// Time in milliseconds while bubble is displayed
timeout: 5000,
// Limit the number of notification displayed (0 to disable)
pool: 0,
// Callback to call when notification appears
onOpen: null,
// Callback to call when user click on "close" button
onClickClose: onClickClose,
// Callback to call when notification disappear
onClose: null
});
</script>
This awesome jQuery plugin is developed by j-muller. For more Advanced Usages, please check the demo page or visit the official website.











