js:toastr弹出提示信息

简介: js:toastr弹出提示信息

toastr

github: https://github.com/CodeSeven/toastr

dd.png

注意:

  • toastr 依赖jQuery


下载文件

wget http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js
wget http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css
wget https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js

代码示例

<!-- 依赖jquery  -->
<script src="./jquery.min.js"></script>
<!-- toastr 样式 和 js -->
<link href="./toastr.min.css" rel="stylesheet" />
<script src="./toastr.min.js"></script>
<script>
    // 居中显示
    toastr.options.positionClass = 'toast-top-center';
    toastr.info('info')
    toastr.warning('warning')
    toastr.success('success')
    toastr.error('error')
  </script>

效果

hhhh.png

相关文章
|
8月前
|
JavaScript
|
10月前
|
JavaScript
js-防止按钮重复点击
js-防止按钮重复点击
|
JavaScript
js:toastr弹出提示信息
js:toastr弹出提示信息
js:toastr弹出提示信息
|
JavaScript
vue.js:点击空白区域关闭弹窗
vue.js:点击空白区域关闭弹窗
312 0
|
JavaScript .NET 开发框架
|
JavaScript 数据安全/隐私保护 前端开发
|
JavaScript 前端开发