Bubble Message

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

当前为 2021-04-16 提交的版本,查看 最新版本

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

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

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

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

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

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

(我已经安装了用户脚本管理器,让我安装!)

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

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

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

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

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

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

(我已经安装了用户样式管理器,让我安装!)

作者
kalila-cc
评分
0 0 0
版本
0.2.0
创建于
2021-03-08
更新于
2021-04-16
大小
3.8 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
})
// 自定义默认文字颜色
bm.config.color = '#000000' // 默认文字颜色为 '#ffffff'
// 自定义默认气泡颜色
bm.config.backgroundColor = '#ffffff' // 默认气泡颜色为 '#ffffff'
// 自定义默认 icon 颜色
bm.config.cmap.info = '#909399' // 'info' 的默认 icon 颜色为 '#909399'
// 自定义默认淡入/淡出/显示时间
bm.config.fadeInTime = 400 // 默认为 400 ms
bm.config.fadeOutTime = 600 // 默认为 600 ms
bm.config.duration= 1500 // 默认为 1500 ms,不可小于 1000 ms
// 自定义默认气泡宽度
bm.config.width = 300 // 默认气泡宽度为 300 px

作者想说

欢迎关注作者的GitHub主页,通过主页,你可以:

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