Windows 8 Style jQuery Notifications Plugin - w8n

File Size: 5.23 KB
Views Total: 1935
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Windows 8 Style jQuery Notifications Plugin - w8n

jQuery w8n is a super lightweight plugin for creating Windows 8 style notifications that will slide in and out from the upper right corner of the page.

See also:

How to use it:

1. Load the jQuery javascript library and jquery.w8n.min.js script on your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.w8n.min.js"></script>

2. Load the required jQuery w8n stylesheet file on the web page.

<link href="jquery.w8n.min.css" rel="stylesheet" type="text/css">

3. Create a button to trigger a notification.

<input type="button" id="demo" value="Demo">

4. Call the plugin and custom the tile, content and survival time of your notification.

<script>
$(function() {            
$('#btnSample1').click(function(){
$.w8n('Title', 'CONTENT.', {timeout: 1000});
});                 
});
</script>

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