Simple jQuery Sticky Notification Plugin - Notify Me

File Size: 59.3 KB
Views Total: 1997
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple jQuery Sticky Notification Plugin - Notify Me

Notify Me is a really simple jQuery plugin to create fixed notification bars/panels that can be positioned anywhere on your web/application page. Comes with 4 built-in notification types which help you create error, info, success and generic messages with ease.

How to use it:

1. Load the required notifyme.css in the head section of the document.

<link rel="stylesheet" href="notifyme.css">

2. Create a link to toggle a notification bar/panel.

<a class="btn demo">Click me</a>

3. Include the latest jQuery library and the JQuery notify me plugin at the bottom of the document so the pages load faster.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="notifyme.js"></script>

4. Bind the click event on the toggle link and create a notification bar/panel with custom content.

$(document).ready(function(){
$('.demo').on('click', function(){
  $(this).notifyMe(
  'bottom', // position
  'error', // error, success, info, default
  'Title', // notification title
  'Notification message goes here',
  200 // Velocity of notification
  );
});
});

This awesome jQuery plugin is developed by brunodsgn. For more Advanced Usages, please check the demo page or visit the official website.