A super simple notification system for jQuery, similar to Growl notifications.
Project page on Github - https://github.com/makuchaku/sticky2
Include the files in your document's header:
<script type="text/javascript" src="/path/to/your/jquery.js"></script>
<script type="text/javascript" src="sticky.js"></script>
<link rel="stylesheet" type="text/css" href="sticky.css" />Basic Usage
$.sticky('This is a Sticky Note!');Advanced Options
$.sticky(
'This is a very special Sticky Note!',
{
speed : 1500,
position : 'top-center',
duplicates : false,
autoclose : false
},
function(args){ /*onShow Callback*/ }
);
$.sticky(
{
link : "http://www.android.com/",
image : "demo.jpg",
title : "Demo Notification",
text : "This is a demo notification which was requested in a more structured manner. This notification should have an image, title, text & would be clickable."
},
{
speed : 1500,
position : 'top-center',
duplicates : false,
autoclose : false
},
function(args){ /*onShow Callback*/ }
);Original Author: Daniel Raftery
Branched Author: makuchaku
- Chrome 8.0+
- Firefox 3.0+
- Safari 4.0+
- Internet Explorer 7.0+
This work is licensed under the MIT License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent