现代时尚的js消息通知插件

现代时尚的js消息通知插件

这是一款现代时尚的js消息通知插件。该js消息通知插件提供漂亮的UI效果,和多种主题,支持自定义消息框的弹出位置等,使用简单方便。

  • 内置漂亮的UI效果和多种主题。
  • 轻量级,压缩后只有18K。
  • 纯js编写,没有任何依赖。
  • 支持IE11+, Safari, Google Chrome, Yandex Browser, Opera, Firefox。

使用方法
在页面中引入下面的文件。

1
2
<link href="light-theme.min.css" rel="stylesheet">
<script src='growl-notification.min.js'></script>

初始化插件

1
2
3
4
GrowlNotification.notify({
    title: 'This is title',
    description: 'My Description'
});

配置参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
GrowlNotification.notify({
    margin: 20,
    type: 'default',
    title: '',
    description: '',
    image: {
        visible: false,
        customImage: ''
    },
    closeTimeout: 0,
    closeWith: ['click', 'button'],
    animation: {
        open: 'slide-in',
        close: 'slide-out'
    },
    animationDuration: .2,
    position: 'top-right',
    showBorder: false,
    showButtons: false,
    buttons: {
        action: {
            text: 'Ok',
            callback: function() {}
        },
        cancel: {
            text: 'Cancel',
            callback: function() {}
        }
    },
    showProgress: false
});
当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论