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

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.