toastify.js网页消息通知插件

toastify.js网页消息通知插件

toastify.js网页消息通知插件


Toastify是一个简单的、轻量级的消息通知插件,纯JavaScript库用于发送可叠起堆放的提示层消息。
1
2
3
4
var myToast = Toastify({
 text: "This is a toast message",
 duration: 5000
})
也可以允许加载dom元素
1
2
3
4
var myToast = Toastify({
 node: elementNode,
 duration: 5000
})
更多配置参数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
myToast = Toastify({
  // On-click destination
  destination: null,
 
  // Open destination in new window
  newWindow: false,
 
  // Show toast close icon
  close: false,
 
  // Toast position - top or bottom
  gravity: 'bottom',
 
  // Toast position - left or right
  positionLeft: false,
  position: 'left'
 
  // Background color
  backgroundColor: "linear-gradient(135deg, #73a5ff, #5477f5)",
 
  // Avatar
  avatar: "",
 
  // Additional classes for the toast
  classeName: ""
 
  // Prevents dismissing of toast on hover
  stopOnFocus: true,
 
  // Toast offset
  offset: { x: 0, y: 0 }
})

评论 (0)

最新评论(0)
评 论

你来打破零评论

猜你喜欢

Copyright ©2021 115cms综合内容管理系统 V4.04All Rights Reserved.