HTML实现win10桌面,利用js实现仿win10桌面弹出窗口提示代码

特效描述：利用js实现 仿win10桌面 弹出窗口 提示代码。利用js实现仿win10桌面弹出窗口提示代码

代码结构

1. 引入JS

2. HTML代码

桌面通知无图片

桌面通知有图片

仿桌面通知无图片

仿桌面通知有图片

参数仅内容

var el=document.getElementById("text");

function test(i,isShowIcon){

//需允许浏览器通知

var config={

title:"新消息"+i,//通知标题部分 默认 新消息 可选

body:el.value,//通知内容部分

data:"abc2",// 是浏览器仿桌面通知 否首选桌面通知 默认否 可选

onclick:function(data){//监听点击通知 data:可传递参数 可选

new dToast("桌面通知被点击了 传递参数："+data);

},

}

if(isShowIcon==true){

config.icon="img/thumb-"+i+".jpg";//通知的图片 可选

}

//桌面通知

new dToast(config);

}

function testInner(i,isShowIcon){

var config={

title:"新消息"+i,//通知标题部分 默认 新消息 可选

body:el.value,//通知内容部分

inner:true, // 是浏览器仿桌面通知 否首选桌面通知 默认否 可选

onclick:function(data){ //监听点击通知 data:可传递参数 可选

new dToast("仿桌面通知被点击了 传递参数："+data);

},

data:"我是仿桌面通知的参数",//可传递参数 可选

timeout:10000 // 自动关闭 单位毫秒 默认 6500毫秒 timeout<=0 不自动关闭 可选

}

if(isShowIcon==true){

config.icon="img/thumb-"+i+".jpg";//通知的图片 可选

}

//仿桌面通知

new dToast(config);

}

function testOnlyContent(){

new dToast(el.value);

}