pnotify_一个 JavaScript 通知插件

Web前端开发网

fly63.com

首页资源工具文章教程栏目

pnotify

网站地址:https://sciactive.com/pnotify/

GitHub:https://github.com/sciactive/pnotify

网站描述:一个 JavaScript 通知插件

访问官网

GitHub

PNotify 是一个 JavaScript 仿桌面通知（非弹框提示），前身为 Pines Notify。它旨在提供无与伦比的灵活性，同时很容易使用。它可以提供无阻塞的通知，允许用户无需关闭通知或者提示信息就可以点击通知后面的元素。

PNotify 支持使用 Bootstrap 或者 jquery UI 的界面，这意味着它能够很容易更换主题。可以在插件官方页面的右上角尝试使用一些现成的主题。它可以在所有主流浏览器中使用，并提供了一致性的界面。

使用示例：

<!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>

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1561