林阿三

本站右下角的弹窗公告
使用方法handsome打开后台-外观-设置外观-开发者设置-自定义输出body尾部的html代码其他主题-放在主...
扫描右侧二维码阅读全文
27
2018/06

本站右下角的弹窗公告

使用方法

handsome打开后台-外观-设置外观-开发者设置-自定义输出body尾部的html代码

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

图片

代码

 <script>
    var popNotice = function() {
        //获取用户授权状态
        if (Notification.permission == "granted") {  
            var notification = new Notification("Hi,欢迎光临林阿三的博客", {  
                //很明显这是正文
                body: '各位小哥哥小姐姐添加了友链的就一起互访吧,我会每天不定时的访问各位的站点。',
               
                //很明显这是图标  
                icon: 'https://www.h-best.cn/favicon.ico'  
            });  
            //消息被点击事件
            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>

里面的图片和文字需要自己修改。

最后修改:2018 年 06 月 27 日 10 : 02 PM
如果觉得我的文章对你有用,请随意赞赏

6 条评论

  1. [...]代码实在林阿三的博客看到,有小小修改,[...]

  2. 记磊

    评论框的图是你自己画的吗

    1. 林阿三
      @记磊

      不是主题自带的

  3. 异星软件空间

    这个可以有!!(☆ω☆)

  4. c0sMx

    我还纳闷怎么没有∠( ᐛ 」∠)_原来一直都屏蔽了所有弹窗。。。

    1. 林阿三
      @c0sMx

      设置屏蔽弹窗了 就这样显示不了 2333

发表评论