jQuery notify.js Examples

Basic

$.notify("Alert!");

Options

Type

$.notify("Alert!", {type:"info"});

Position

$.notify("Alert!", {align:"center", verticalAlign:"top"});

Delay

$.notify("Alert!", {delay:2000});

Animation

$.notify("Alert!", {animation:true});

AnimationType

$.notify("Alert!", {animationType:"drop"});

Color

$.notify("Alert!", {color: "#D44950"});

Background

$.notify("Alert!", {color: "#fff", background: "#D44950"});

Icon

<!-- Font Awesome Css Include -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">$.notify("Success", {type: "info", icon:"check"});
	

Class

$.notify("Hello World!", {class:"my-class", delay:0, align:"center", verticalAlign:"middle", animationType:"scale"});
	
.my-class{
   background: #304CD8;
   background: -webkit-linear-gradient(left, #304CD8 0%, #9F3762 100%);
   background: -ms-linear-gradient(left, #304CD8 0%, #9F3762 100%);
   background: linear-gradient(to right, #304CD8 0%, #9F3762 100%);
   color: #fff;
   font-size: 25px;
   padding: 35px;
   text-align: center;
}

Blur

$.notify("Alert!", {blur: 0.2, delay: 0});

Close

$.notify("Alert!", {close: true});