Ads

Friday, 19 December 2014

NotifIt - Simple notifications with JQuery

notifit


Download Demo
NotifIt is a simple colorful animated notifications with JQuery
Now you can send notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!
1. INCLUDE CSS AND JS FILES
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='js/notifIt.js'></script>
<link rel='stylesheet' type='text/css' href='css/notifIt.css'>
2. JAVASCRIPT
notif({
    msg: "<b>Oops!</b> A wild error appeared!",
    type: "error",
    position: "center"
});
3. OPTIONS

Variable name Type Posible values Default
type String success, error, warning, info default
msg String Message
position String left, center, right, bottom right
width Integer-String Number > 0, ‘all’ 400
height Integer Number between 0 and 100 60
autohide Boolean true, false true
opacity Float From 0 to 1 1
multiline Boolean true, false false
fade Boolean true, false false
bgcolor String HEX color #444
color String HEX color #EEE
timeout Integer Miliseconds 5000
zindex Integer The z-index of the notification null (ignored)
offset Integer The offset in pixels from the edge of the screen 0
callback Function Function null (ignored),
clickable Boolean true, false false

No comments:

Post a Comment