仿桌面通知pnotify插件

最新推荐文章于 2020-04-10 15:34:09 发布

weixin_33901926

最新推荐文章于 2020-04-10 15:34:09 发布

阅读量233

点赞数

在做网站的时候，alert弹出框是非常常见的情形。但是，有些情况下，弹框对用户来说是并不友好的。调研了几个其他的提示插件了，发现pnotify比较好用，可配置性也高。

使用示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="./pnotify.custom.min.css">
</head>
<body>

    <script src="./jquery-1.12.0.min.js"></script>
    <script src="./pnotify.custom.min.js"></script>

    <script type="text/javascript">
    $(function(){
        new PNotify({
            title: 'Regular Notice',
            text: 'Check me out! I\'m a notice.'
        });

        new PNotify('Check me out!');

        new PNotify({
            title: 'Regular Success',
            text: 'That thing that you were trying to do worked!',
            type: 'success'
        });
    });
</script>
</body>
</html>

更多效果，可以点击这里。

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33901926

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿桌面通知pnotify插件

在做网站的时候，alert弹出框是非常常见的情形。但是，有些情况下，弹框对用户来说是并不友好的。调研了几个其他的提示插件了，发现pnotify比较好用，可配置性也高。使用示例：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&
复制链接

扫一扫