网站右下角的弹窗公告代码分享

网站右下角的弹窗公告代码分享

效果图

图片[1]-网站右下角的弹窗公告代码分享-乡野博文

使用方法

放在主题文件目录下的footer.php中的body尾部

代码

<script>
var popNotice = function() {
//获取用户授权状态
if (Notification.permission == "granted") {
var notification = new Notification("Hi,欢迎光临记磊的博客", {
//很明显这是正文
body: '各位小哥哥小姐姐喜欢本站就留言互访吧,我会每天不定时的访问各位的站点。',

//很明显这是图标
icon: 'https://www.ly522.com/yuanlogo.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>
温馨提示:本文最后更新于2022-06-09 19:55:05,某些文章具有时效性,若有错误或已失效,请在下方留言或联系乡野博文
您阅读这篇文章共花了: 0小时00分00秒
-----本页内容已结束,喜欢请分享!-----
© 版权声明
THE END
喜欢本站内容,请点【点赞】【分享】和【收藏】~
点赞13 分享
评论 抢沙发

请登录后发表评论