js：jquery-toast-plugin实现消息提示

最新推荐文章于 2025-02-21 08:00:00 发布

彭世瑜

最新推荐文章于 2025-02-21 08:00:00 发布

阅读量1.1k

点赞数

文章标签： jQuery toast 通知插件前端开发

本文为博主原创文章，欢迎转载，请注明出处

本文链接：https://blog.csdn.net/mouday/article/details/120305473

版权

jquery-toast-plugin

github: https://github.com/kamranahmedse/jquery-toast-plugin
GitHub last commit

说明：

jquery-toast-plugin 依赖jQuery

代码示例

<!-- 依赖jQuery -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- toast -->
<link rel="stylesheet" type="text/css" href="./jquery.toast.min.css">
<script type="text/javascript" src="./jquery.toast.min.js"></script>

<script>
$.toast({
  text: 'info',
  icon: 'info',
  position: 'top-center',
  loader: false
})

$.toast({
  text: 'warning',
  icon: 'warning',
  position: 'top-center',
  loader: false
})

$.toast({
  text: 'error',
  icon: 'error',
  position: 'top-center',
  loader: false
})

$.toast({
  text: 'success',
  icon: 'success',
  position: 'top-center',
  loader: false
})
 </script>