Jquery pluginlerini anlatmaya devam ediyorum.Bu dersimizde sağ alt köşede çıkan,responsive bir bildirim plugini anlatacağım.

İndir : http://ustaderslik.com/dosya/notyf.rar
İncele : http://ustaderslik.com/ornek/notyf/

Öncelikle css ve js dosyalarını sayfamıza dahil ediyoruz.

<script type="text/javascript" src="notyf.min.js"></script>

<link rel="stylesheet" href="notyf.min.css" />

Daha sonra bir değişken oluşturup,bu değişkene pluginimizi atayıp, ayarlarımızı yapıyoruz.

var bildirim = new Notyf({

     delay:2000

});

Delay bildirimin silinme süresi.Milisaniye cinsinden.1000=1saniye
Şimdi bir bilidirim göstermek istediğimizde değişkenimize methodu belirtip,bildirimi göstere biliriz.

bildirim.alert('Olumlu Bildirim');//Olumsuz bildirim için

bildirim.confirm('Olumsuz Bildirim');//olumlu bildirim için

Kullanımı bu şekilde.Oldukça basit ve iş gören bir plugin.