Easy Sticky Notification Plugin For jQuery - Stickr

Easy Sticky Notification Plugin For jQuery - Stickr
File Size: 8.72 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Stickr is a very small jQuery plugin for creating floating stickers with custom messages that can be used as alert messages or growl-style notifications on your webpages.

How to use it:

1. Load the jquery.stickr.css for basic plugin styles.

<link rel="stylesheet" href="jquery.stickr.css">

2. Place jQuery library and the jquery.stickr.js script at the end of the document so the page loads faster.

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.stickr.js"></script>

3. Display a basic notification message on your webpage.

$.stickr({message: 'I am simple default sticker'});

4. Display a notification message that lives only 5 seconds.

$.stickr({
  message: 'I live only 5 seconds',
  ttl: 5000
});

5. All configuration options with default values.

$.stickr({

  // fired after open
  afterOpen: null,

  // fired before close
  beforeClose: null,

  // additional CSS class
  classes: '',

  // animation duration
  closingDuration: 0, 

  // group selector
  group: 'jq-stickrs',

  // maximum number of concurrently displayed stickers
  maxCount: 5,  

  // custom message
  message: '',

  // timout in milliseconds (ms)
  ttl: 0, 

  // show close button
  withCloseButton: true
  
});

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