Elegant iOS-like Notification Plugin - ClassyNotty

File Size: 92.4 KB
Views Total: 1690
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Elegant iOS-like Notification Plugin - ClassyNotty

ClassyNotty is a jQuery Plugin that allows you to add beautiful and iOS-like elegant notifications for your applications. 

How to use it:

1. Include jQuery Library and ClassyNotty.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/jquery.classynotty.js"></script>

2. Include CSS

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

3. Markup

<a id="sample1" href="#">Click here to notty up!</a>

4. Call the function

$('#sample1').click({
      $.ClassyNotty({
           title : 'Title',
           content : 'This is a notification'
      });
});

5. Options

title - the title of the notification. Can be omitted.
content - the content of the notification
img - if the notification will display an image, it’s the image location
showTime - will. Options: true/false
timeout - the timeout after which the notification will fade
click - the callback function

Change log:

v1.1.1 (2013-06-08)

  • updated to the latest version.

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