桌面通知、高仿win10桌面通知 toast(原创)

所属分类:UI-工具提示,对话框

 35418  361  查看评论 (10)
分享到微信朋友圈
X
桌面通知、高仿win10桌面通知 toast(原创) ie兼容8

更新时间:2018/9/19 17:04:59 

更新说明:优化部分样式


更新时间:2018/9/17 下午12:31:24

更新说明:更新通知标题及内容过多样式错乱问题


发布时间:2018-9-13 9:25

使用说明

需允许浏览器通知,如不支持或不允许会使用仿win10桌面通知

var config={
    title:"新消息"i,//通知标题部分
    body:"新消息内容",//通知内容部分
    inner:true, // 是浏览器仿桌面通知 否首选桌面通知 默认否 可选
    onclick:function(data){ //监听点击通知   data:可传递参数 可选
    alert("仿桌面通知被点击了");
},
icon:"img/thumb-1.jpg",//通知的图片 可选
data:"我是仿桌面通知的参数"//可传递参数 可选
}
//通知
new dToast(config);
相关插件-工具提示,对话框

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 47083  407

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 31606  310

jQuery网页新功能步骤引导

在网站上经常看到的网页新功能步骤引导
  工具提示
 25758  350

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 32533  393

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    lvjunhao 0
    2019/1/17 10:52:53
    我项目中也需要这个,但是楼主您的这个有BUG,当我关闭最上方两个,再点的时候出来的框会重叠.
    我自己也发布了一个类似插件http://www.jq22.com/jquery-info20807 修复了此BUG,源码未压缩,可以直接看,欢迎提出问题 回复
    习惯_普普通通 0
    2018/10/26 14:17:11
    Seation 0
    2018/10/26 9:59:22
    七楼傻子不排队~
    回复
    mi1w0rm 0
    2018/9/26 10:37:38
    感谢,正好需要这个功能! 回复
    岁月清浅 安之若素 0
    2018/9/15 8:45:07
    六楼给大家问好。 回复
    seny 0
    2018/9/14 9:00:20
    五楼膜拜各位大佬。 回复
    ~枯叶蝶、 0
    2018/9/14 8:53:15
    ??????? 0
    2018/9/13 15:25:19
    . 0
    2018/9/13 14:55:24
    深渊 0
    2018/9/13 9:39:45
    自古帅哥出一楼 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复