jQuery消息提示弹窗插件

jQuery消息提示弹窗插件

收藏
jQuery消息提示弹窗插件
Notiflix.js是一款消息提示框、对话框、确认框和Loading插件。jQuery简单的调用设置,就可生成非常漂亮消息通知框、对话框、确认框和Loading效果代码。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 迷茫
  • 上传时间 6年前

使用方法:

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();
})

使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。