js弹窗插件之 SweetAlert(非常好用又好看的弹窗js库)-蒲公英云

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

r囧r小猫 2023-10-14 18:38 58阅读 0赞

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

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