源码属性:
授权方式:开源 源码大小:270.86KB 源码语言:JavaScript 运行环境 JavaScript
功能介绍:
iNotify.js主要是调用 Chrome、Firefox、Safari 等浏览器提供的系统通知 API,实现浏览器系统通知,实现 title 标签 闪烁、滚动、声音提示。favicon 图标数字信息通知,声音播放等.....
结构message: String 标题
effect: String, flash | scroll | favicon 闪烁还是滚动
audio: 可选播放声音
file: String/Array 可以使用数组传多种格式的声音文件
interval: Number 标题闪烁,或者滚动速度
openurl: String 点击弹窗打开连接地址
onclick: Function 弹窗点击事件
updateFavicon: 设置 Favicon 图标颜色
textColor: 设置 favicon 字体颜色
backgroundColor: 背景颜色,设置背景颜色透明,将值设置为 transparent
notification: 可选 chrome 浏览器通知,默认不填写就是下面的内容
title: 默认值 通知!
icon: 设置图标 icon 默认为 Favicon
body: 设置消息内容
例子实例一
function iconNotify(num) {
if (!notify) {
var notify = new Notify({
effect: "flash",
interval: 500,
});
}
if (num === 0) {
notify.faviconClear();
notify.setTitle();
} else if (num < 100) {
notify.setFavicon(num);
notify.setTitle("有新消息!");
} else if (num > 99) {
notify.setFavicon("..");
notify.setTitle("有新消息!");
}
}
实例二
var notify = new Notify({
effect: "flash",
interval: 500,
});
notify.setFavicon("1");
实例三
var iN = new Notify({
effect: "flash",
interval: 500,
message: "有消息拉!",
updateFavicon: {
// 可选,默认绿底白字
textColor: "#fff", // favicon 字体颜色
backgroundColor: "#2F9A00", // 背景颜色
},
}).setFavicon(10);
实例四
var iN = new Notify().setFavicon(5);
实例五
var iN = new Notify({
effect: "flash",
interval: 500,
message: "有消息拉!",
audio: {
file: "msg.mp4",
},
})
.setFavicon(10)
.player();
实例六
var iN = new Notify({
effect: "flash",
interval: 500,
message: "有消息拉!",
audio: {
file: ["msg.mp4", "msg.mp3", "msg.wav"],
},
notification: {
title: "通知!",
body: "您来了一条新消息",
},
});
iN.setFavicon(10).player();
var n = new Notify();
n.init({
effect: "flash",
interval: 500,
message: "有消息拉!",
audio: {
file: ["openSub.mp4", "openSub.mp3", "openSub.wav"],
},
notification: {
title: "通知!",
icon: "",
body: "您来了一个客户",
},
});
n.setFavicon(10).player();
2、本站所有文章、图片、资源等如果未标明原创,均为收集自互联网公开资源;分享的图片、资源、视频等,出镜模特均为成年女性正常写真内容,版权归原作者所有,仅作为个人学习、研究以及欣赏!如有涉及下载请24小时内删除;
3、如果您发现本站上有侵犯您的权益的作品,请与我们取得联系,我们会及时修改、删除并致以最深的歉意。邮箱: i-hu#(#换@)foxmail.com