PNotify 弹出提示框

由于不是很熟悉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个文件可以自己在网上找。

猜你喜欢

转载自blog.csdn.net/cp1300/article/details/80642370