消息通知框对话框确认框Loading插件

创客云


Notiflix是一款js消息通知框、对话框、确认框和Loading插件。Notiflix通过简单的设置,就可生成非常漂亮的s消息通知框、对话框、确认框和Loading效果。

使用方法

中引入下面的文件。

  1. <link rel="stylesheet" href="css/notiflix-1.3.0.min.css">
  2. <script src="assets/js/notiflix-1.3.0.min.js"></script>

消息通知

  1. Notiflix.Notify.Init();
  2. Notiflix.Notify.Success('Sol lucet omnibus');
  3. Notiflix.Notify.Failure('Qui timide rogat docet negare');
  4. Notiflix.Notify.Warning('Memento te hominem esse');
  5. Notiflix.Notify.Info('Cogito ergo sum');

对话框

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

确认框

  1. Notiflix.Confirm.Init();
  2. $('#confirm').click(function(){
  3.      Notiflix.Confirm.Show( 'Notiflix Confirm', 'Do you agree with me?', 'Yes', 'No', function(){ alert('Thank you.'); } ); 
  4. })
  5. Loading
  6. Notiflix.Loading.Init({
  7.   clickToClose:true
  8. });
  9. $('#loading').click(function(){
  10.      Notiflix.Loading.Standard();
  11. })

官方网址:https://www.notiflix.com/

演示地址 免费下载
本文来源jQuery之家,经授权后由CityMall发布,观点不代表创客云的立场,转载请联系原作者。
云模板

发表评论