HTML实现win10桌⾯，利⽤js实现仿win10桌⾯弹出窗⼝提⽰代
码
特效描述：利⽤js实现 仿win10桌⾯ 弹出窗⼝ 提⽰代码。利⽤js实现仿win10桌⾯弹出窗⼝提⽰代码
代码结构
1. 引⼊JS
2. HTML代码
桌⾯通知⽆图⽚
桌⾯通知有图⽚
仿桌⾯通知⽆图⽚
仿桌⾯通知有图⽚
参数仅内容
var ElementById("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);
}
实现特效的代码js
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);
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。