基于Bootstrap4的Toast提示插件

6个月前更新

在线预览下载

这是一款基于bootstrap4的toast插件。该插件能非常方便的生成toast提示效果，不需要编写额外的html代码，非常实用。

使用方法

在页面中引入下面的文件。

 < link rel = "stylesheet" href = "/path/to/bootstrap.min.css" > < link rel = "stylesheet" href = "/path/to/toast.min.css" >  < script src = "/path/to/jquery.min.js" ></ script > < script src = "/path/to/popper.min.js" ></ script > < script src = "/path/to/bootstrap.min.js" ></ script > < script src = "/path/to/toast.min.js" ></ script >

初始化插件

通过下面的方法来创建一个toast效果。

$.toast({ title: 'Notice!' , subtitle: '11 mins ago' , content: 'This is a toast message.' , type: 'info' , delay: 3000, img: { src: 'image.png' , class: 'rounded' , title: 'Thumbnail Title' , alt: 'Alternative' }, pause_on_hover: false });