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

相关文章
|
SQL Java 数据库连接
【Java笔记+踩坑】MyBatisPlus基础
MyBatisPlus简介、标准数据层开发CRUD、业务层继承IService、ServiceImpl、条件查询、LambdaQueryWrapper、id生成策略、逻辑删除、乐观锁@Version、代码生成器、ActiveRecord
【Java笔记+踩坑】MyBatisPlus基础
|
机器学习/深度学习 人工智能 自动驾驶
强化学习从基础到进阶--案例与实践含面试必知必答[10]:模仿学习、行为克隆、逆强化学习、第三人称视角模仿学习、序列生成和聊天机器人
强化学习从基础到进阶--案例与实践含面试必知必答[10]:模仿学习、行为克隆、逆强化学习、第三人称视角模仿学习、序列生成和聊天机器人
强化学习从基础到进阶--案例与实践含面试必知必答[10]:模仿学习、行为克隆、逆强化学习、第三人称视角模仿学习、序列生成和聊天机器人
|
算法 编译器 C语言
【STL算法】for_each源码刨析及函数对象本质刨析
【STL算法】for_each源码刨析及函数对象本质刨析
431 0
【STL算法】for_each源码刨析及函数对象本质刨析
|
SQL
DbVisualizer解决中文乱码问题
DbVisualizer解决中文乱码问题
1997 0
DbVisualizer解决中文乱码问题
|
Linux 数据安全/隐私保护 索引
|
4天前
|
人工智能 安全 测试技术
|
5天前
|
云安全 人工智能 安全
阿里云 Agentic SOC 位居 IDC MarketScape安全运营智能体2026领导者类别
以 Agentic AI 重构安全运营闭环,阿里云云安全在产品能力与市场份额
1182 3
|
6天前
|
缓存 UED 开发者
Codex109天重置23次,明天还要再送一次
Codex近109天完成23次额度重置,7月14日将迎来第24次。Tibo高频响应用户反馈:优化GPT-5.6高消耗问题、补发失效福利、调整重置时间——形成“反馈→回应→修复→补偿”正向闭环,彰显以用户为中心的产品哲学。(239字)
700 11
|
5天前
|
数据采集 机器学习/深度学习 人工智能
田间杂草定位与检测4200张YOLO智慧农业数据集分享
本数据集含4200张真实农田图像,YOLO格式,单类别(杂草)高质量标注,覆盖多作物、多光照、多生长阶段等复杂场景,专为智慧农业杂草检测与智能除草设备研发设计,支持YOLOv5/v8/v10等主流模型训练。
366 94