由于不是很熟悉js折腾了很久才实现PNotify弹出一个提示框,在此记录下。
最简单的弹出消息框如下
//消息展示
//title:标题;text:提示内容;type:提示类型(颜色不一样)'success','warning','Error','Note','Primary','Dark'
//delay:自动关闭延时,单位ms;is_mouse_reset:true:鼠标悬浮时时间重置
function ShowNotice(title, text, type, delay, is_mouse_reset)
{
PNotify.prototype.options.styling = "bootstrap3";
new PNotify({
title: title,
text: text,
type: type,
delay: delay,
hide: true, //是否自动关闭
mouse_reset: is_mouse_reset, //鼠标悬浮的时候,时间重置
});
};
ShowNotice('提示', '登录成功', 'success', 1000, false);
效果如下
需要引用<script src="../../helsinki-blue/vendor/pnotify/pnotify.custom.js"></script>
<link rel="stylesheet" href="../../helsinki-blue/vendor/pnotify/pnotify.custom.css">
这2个文件可以自己在网上找。