首页 » HTML源码 » 正文
摘要: 很多小伙伴在自己做网站的时候有时候会用到,自己也收藏一个。

使用方法:

复制代码,根据自己的需求改一些代码

<script>
var popNotice = function() {
//获取用户授权状态
if (Notification.permission == "granted") {
var notification = new Notification("Hi,欢迎来到锅巴资源", {
//很明显这是正文
body: '各位小哥哥小姐姐喜欢本站就留言互访吧,我会每天不定时的访问各位的站点。',
//很明显这是图标
icon: 'https://file.laoguoba.com/logo/logo.png'
});
//消息被点击事件
notification.onclick = function() {
//alert('别逗了,我们永远都是朋友');
//窗口关闭动作
notification.close();
};
//消息被关闭事件
notification.onclose = function() {
//alert('你不爱我了');
notification.close();
};
//消息出现错误事件
notification.onerror = function() {
alert('上帝也不知道发生了什么');
notification.close();
};
}
};
if (window.Notification) {
if (Notification.permission == "granted") {
popNotice();
}else if( Notification.permission != "denied"){
Notification.requestPermission(function (permission) {
popNotice();
});
}
} else {
alert('浏览器不支持Notification');
}
</script>


将其复制到一个文本文件里面,更改文件名为:*****.js
然后再你自己需要的地方调用这个js就可以了,一般来说放在header文件中就行了。
要使用本功能必须的将通知选项打开才能看到效果
一个简单美观的网站右下角通知代码 提升用户关注度
演示效果请 【点击这里测试

标签:

未经允许不得转载:作者:锅巴网络, 转载或复制请以 超链接形式 并注明出处 锅巴资源
原文地址:《一个简单美观的网站右下角通知代码 提升用户关注度》 发布于2018-10-31

赞(1) 打赏 生成海报

评论 抢沙发

4 + 7 =


长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

目前网站从前段时间应工信部备案要求调整,目前已恢复正常
目前网站从前段时间应工信部备案要求调整,目前已恢复正常
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册