js弹窗插件 之 SweetAlert(非常好用又好看的弹窗js库)

js弹窗插件 之 SweetAlert(非常好用又好看的弹窗js库)

SweetAlert 是一个基于 JavaScript 的弹窗插件,用于创建美观而且高度可定制的弹窗效果。

SweetAlert 提供了多种弹窗风格和动画效果,可以用于警告、确认、提示和错误等不同的场景。它具有以下特点

美观可定制:SweetAlert 提供了漂亮和精心设计的弹窗样式,并且可以通过更改参数来自定义弹窗的外观和行为,使其与网站的样式保持一致。

灵活易用:使用 SweetAlert 只需要很少的代码量,可以通过简单的调用来创建和展示弹窗,如警告提示、确认对话框等。它还支持回调函数,可以在用户与弹窗交互后执行相应的操作。

良好的用户体验:SweetAlert 提供了流畅的动画效果和友好的用户体验,可以增强网站的交互性和可用性。

跨平台兼容:SweetAlert 可以在主流的现代浏览器上运行,包括 Firefox、Chrome、Safari 等。

通过引入 SweetAlert.min.js 和相关的 CSS 文件,你可以在网页中使用 SweetAlert 插件来创建丰富、美观的弹窗,提升用户体验。

如何使用:

1.首先引入资源文件
<link rel="stylesheet" href="static/qiantai/css/sweetaleat.css">
<script src="static/qiantai/js/sweetalert.min.js"></script>
2.直接上官网看哈哈哈:

sweetalert官网链接

效果:
在这里插入图片描述

sweetalert1样式比较单一如果有更多的需求可以使用 sweetalert2:sweetalert2官网链接

sweetalert1的百度资源文件(js与css)

分享链接
提取码:89w5

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值