push.js消息桌面通知

push.js使用 :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>pushjs</title>
  <script type="text/javascript" src="push.min.js"></script>  //引入插件
</head>
<body>
    <a href="javascript:void(0);" id="demoButton" class="button">点击看看效果</a>

<script>
    document.getElementById('demoButton').onclick = function () {    //根据ID,获得点击事件
        Push.create('Hello world!', {              //创建对象,第一个参数为继承的原型,第二个参数为对象的属性
            body: 'How\'s it hangin\'?',         //通知板的内容
         //   icon: 'icon.png',                      //通知板的图标
            timeout: 4000,                          //通知板的停留时间
            onClick: function () {                  //点击通知板的操作函数
                console.log("Fired!");
                window.focus();
                this.close();
            },
        });
    };
</script>

</body>
</html>

push.js案例小demo


官网:https://nickersoft.github.io/push.js/

github地址:https://github.com/Nickersoft/push.js







作者:星辰 时间:2017-06-30 浏览 901评论 0 赞 0砸 0 标签: js plugins 前端
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款