noty是一个jQuery的通知(信息提示)插件

noty是一个jQuery的通知(信息提示)插件

noty是一个jQuery的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件。
noty 是一个能够轻易创建 alert - success - error - warning - information - confirmation 通知的 jQuery插件。每一个通知都被加到了一个 队列 中(可选)
通知可以被定为在 top - topLeft - topCenter - topRight - center - centerLeft - centerRight - bottom - bottomLeft - bottomCenter - bottomRight

API中还有很多其它的选项来自定义通知中的文本,动画,速度,按钮以及其它配置。

此外按钮,打开关闭通知,队列控制还有各种各样的回调函数。

使用方式:

第一步引入bfwone 加载依赖项jquery

第二步use插件及css和主题css

第三步配置参数

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.noty.min"], function() {
                noty({
                    text: '我来了',
                    type: 'alert',
                    theme: 'relax',
                    layout: 'topRight',
                    closeWith: []
                });
                noty({
                    text: '我又来了',
                    type: 'success',
                    theme: 'relax',
                    layout: 'topRight',
                    closeWith: []
                });
                noty({
                    text: '我又来了',
                    type: 'error',
                    theme: 'relax',
                    layout: 'topRight',
                    closeWith: []
                });
                noty({
                    text: '我又来了',
                    type: 'information',
                    theme: 'relax',
                    layout: 'centerLeft',
                    closeWith: []
                });

            });
        });
    </script>
</head>
<body>
  
</body>
</html>

官网 https://ned.im/noty/
立即下载jquery.noty.min.js查看所有js插件

网友评论0

程序员在线工具箱