Notiflix.js——前端 jquery消息提示框 通知框对话框

免费下载地址：http://www.bootstrapmb.com/item/4498

演示：https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html

github：https://github.com/notiflix/Notiflix

使用说明书：https://www.17sucai.com/pins/33131.html

1、head引入css文件

	
<link rel="stylesheet" href="css/notiflix-1.3.0.min.css">

2、body引入js文件

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

<script src="assets/js/notiflix-1.3.0.min.js"></script>

消息通知

Notiflix.Notify.Init();

Notiflix.Notify.Success('Sol lucet omnibus');

Notiflix.Notify.Failure('Qui timide rogat docet negare');

Notiflix.Notify.Warning('Memento te hominem esse');

Notiflix.Notify.Info('Cogito ergo sum');

对话框

Notiflix.Report.Init();

Notiflix.Report.Success( 'Notiflix Success', '"Do not try to become ..." - Albert Einstein', 'Click' );

确认框

Notiflix.Confirm.Init();

$('#confirm').click(function(){

     Notiflix.Confirm.Show( 'Notiflix Confirm', 'Do you agree with me?', 'Yes', 'No', function(){ alert('Thank you.'); } );

})

Loading

Notiflix.Loading.Init({

  clickToClose:true

});

$('#loading').click(function(){

     Notiflix.Loading.Standard();

})