☰

Bubble Message

【使用前先看介绍/有问题可反馈】气泡信息 (Bubble Message)：能够生成悬浮气泡通知，支持自定义 icon 颜色、文字信息、淡入淡出时间、显示时间，气泡宽度。

当前为 2021-03-08 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
kalila-cc
评分
0 0 0
版本
0.1.3
创建于
2021-03-08
更新于
2021-03-08
大小
4.2 KB
许可证
暂无
适用于
所有网站

气泡信息 (Bubble Message)

生成悬浮气泡通知，支持自定义 icon 颜色、文字信息、淡入淡出时间、显示时间，气泡宽度。

使用方法

// 新建气泡信息对象
let bm = new BubbleMessage()
// 生成气泡信息
bm.message({
  type: 'info', // 支持'info|warning|error|success'，默认为'info'
  message: 'This is a message', // 自定义文字信息，默认为''
  duration: 2000, // 自定义显示时间，默认为1500 ms
})
// 自定义 icon 颜色
bm.config.cmap.info = '#909399' // 'info' 的 icon 颜色默认为 '#909399'
// 自定义淡入淡出时间
bm.config.fadeInTime = 0.4 // 默认为 0.4 s
bm.config.fadeOutTime = 0.6 // 默认为 0.6 s
bm.width = 240 // 默认气泡宽度为 240 px

作者想说

欢迎关注作者的GitHub主页，通过主页，你可以：

  • 了解本人的更多作品。
  • 对代码或程序提出任何意见或建议。
  • 联系作者。