#notij

[sivatherium]

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/notij-a-jquery-notification-plugin/

NotiJ - A jQuery Notification Plugin

Download   Demo

 notiJ is a simple notification plugin which can be plug and play with any jQuery based applications. This is specially designed for simple needs.

1. INCLUDE CSS AND JS FILES

<link href="notiJ.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="notiJ.js"></script>

2. HTML

<button id="btn_clk1">Ayubowan</button> <button id="btn_clk">Click Me!</button> <button id="btn_clk2">Show Paragraph</button>

3. JAVASCRIPT

$(document).ready(function() $('#btn_clk').click(function() $.notij('Hello there, hope this will help you.','type':'error'); ); $('#btn_clk1').click(function() $.notij('Ayubowan, Sri Lanka','type':'info'); ); $('#btn_clk2').click(function() $('p').notij(); ); );

4. OPTIONS

speed : 'fast', ( fast, slow, or number eg: 100 ) multiple : true, autoclose : 5000, ( set timeout speed ) onfocusdelay : true, ( keep dialog open on mouseover ) type : 'default' ( blank means default, other types error,info )