这是一款基于bootstrap4的toast插件。该插件能非常方便的生成toast提示效果，不需要编写额外的html代码，非常实用。
使用方法
在页面中引入下面的文件。
<!--CSS-->
<linkrel="stylesheet"href="/path/to/bootstrap.min.css">
<linkrel="stylesheet"href="/path/to/toast.min.css">
<!--JavaScript-->
<scriptsrc="/path/to/jquery.min.js"></script>
<scriptsrc="/path/to/popper.min.js"></script>
<scriptsrc="/path/to/bootstrap.min.js"></script>
<scriptsrc="/path/to/toast.min.js"></script>
初始化插件
通过下面的方法来创建一个toast效果。
$.toast({
title:'Notice!',
subtitle:'11minsago',
content:'Thisisatoastmessage.',
type:'info',
delay:3000,
img:{
src:'image.png',
class:'rounded',
title:'ThumbnailTitle',
alt:'Alternative'
},
pause_on_hover:false
});
配置参数
可用的配置参数有：
title：标题。
subtitle：子标题。
content：toast的内容。
type：情景类型：'info','success','warning','error'。
delay：多少时间后自动消失。
img：如果要显示图片，该属性指定图片的信息。
pause_on_hover：是否在鼠标悬停时让toast不消失。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery