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

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

 36770  362  查看评论 (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);
相关插件-工具提示,对话框

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 29770  375

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 43788  435

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 39528  435

jquery 工具提示插件awTooltip

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

讨论这个项目(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
    自古帅哥出一楼 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复