- 综合排序
- 最热优先
- 最新优先
- 来自专栏Android程序Shape使用总结！
Android studio SweetAlert for Android
image.png image.png build.gradle compile 'cn.pedant.sweetalert:library:1.3' colors.xml <? android.widget.FrameLayout; import android.widget.ImageView; import android.widget.TextView; import cn.pedant.SweetAlert.OptAnimationLoader ; import cn.pedant.SweetAlert.ProgressHelper; import cn.pedant.SweetAlert.SuccessTickView; import cn.pedant.SweetAlert.R.anim; import cn.pedant.SweetAlert.R.drawable; import cn.pedant.SweetAlert.R.id ; import cn.pedant.SweetAlert.R.layout; import cn.pedant.SweetAlert.R.style; import com.pnikosis.materialishprogress.ProgressWheel
3.4K20编辑于 2021-12-02 - 来自专栏学习计划
sweetalert用法；引入，使用
直接引入：<script src="<em>sweetalert</em>-master/docs/assets/<em>sweetalert</em>/<em>sweetalert</em>.min.js"></script> 就可以了。
65540发布于 2021-01-29 - 来自专栏抠抠空间
前端框架之SweetAlert
简介 SweetAlert是一款很好用的弹出框框架 下载 https://github.com/lipis/bootstrap-sweetalert 导入 博主用的是bootstrap-sweetalert ,所以要依赖bootstrap，导入前先导入原生jQuery以及bootstrap <link rel="stylesheet" href="/static/<em>sweetalert</em>/<em>sweetalert</em>.css /script> <script src="/static/bootstrap/js/bootstrap.min.js"></script> <script src="/static/<em>sweetalert</em> /<em>sweetalert</em>.min.js"></script> 基本样式 1、单条弹出框 swal("这是一条消息！") /sweetalert.css"> <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css"> <script
2.2K70发布于 2018-04-12 - 来自专栏前端知识分享
Angular中sweetalert弹框的使用详解
所以我就想办法将sweetalert用到项目中，在项目中引入sweetalert时，遇到诸多问题，但最终在我不懈坚持下，都解决了，实现了效果。具体用法请看下文。 一、下载文件 npm install angular-sweetalert npm install sweetalert 当npm 下载angular-sweetalert时，会附带下载sweetalert ，但是只能用sweetalert中的css，js必须通过npm下载sweetalert，引入下载的sweetalert.min.js 二、版本说明 Angular V1.2.30 Angular-sweetalert V1.0.4 Sweetalert V2.1.0 因为我们项目使用的angular版本较低，所以相对应下载的angular-sweetalert版本也低。 三、引入文件 sweetalert/sweetalert.min.css angular/angular.min.js angular-sweetalert/SweetAlert.min.js sweetalert
3.8K40发布于 2018-09-11 - 来自专栏Youngxj
SweetAlert-js超酷消息警告框插件
简单介绍 SweetAlert是一款神奇的javascript弹出消息警告框插件。 >css/sweetalert.css" type='text/css' media='all' /> 四种图标及调用方式： swal("温馨提示！" 代码 sweetAlert({ title: "Are you sure?" 该参数在其他SweetAlert触发确认按钮事件时十分有用 imageUrl null 添加自定义图片到警告框上。 单位是ms 原文地址：jQuery之家 SweetAlert
4.2K30发布于 2018-06-06 - 来自专栏何叶的专栏
SweetAlert-使弹窗变得简单美丽
SweetAlert是一个颠覆传统弹窗形式的新弹窗，相较于传统浏览器内置弹窗，SweetAlert更加地美观清晰，并且可以引入更多的功能，让弹窗变得灵性。 普通浏览器弹窗显示在屏幕上方，需要用户滑动鼠标移到屏幕上方才可关闭，而SweetAlert不同，提示框在屏幕中央，且按钮在提示框右下角。 语法方面，SweetAlert类似于MarkDown语法，是小白就能简单上手的操作方式。 例如接下来，弹出一个对话框，标题为error，内容为Something went wrong! <script src="https://cdn.bootcss.com/<em>sweetalert</em>/2.1.0/<em>sweetalert</em>.min.js"></script> SweetAlert也支持输入框、交互等更多高级功能 官网:https://sweetalert.js.org/ 中文文档:https://sweetalert.bootcss.com ---- 版权属于：何叶 本文链接：https://www.onyi.net
1.7K10发布于 2021-08-24 - 来自专栏Java实战博客
超好用的JS弹窗库 sweetalert2
代码地址：https://github.com/sweetalert2/sweetalert2/ 代码 <script src="//cdn.jsdelivr.net/npm/<em>sweetalert</em>2@ ', icon: 'info', html: '您现在还可以 <b>尝试取消</b>, ' + '<a href="//sweetalert2
6.1K30编辑于 2022-01-19 - 来自专栏颜汐小屋
纯JS消息警告框插件：SweetAlert.js
SweetAlert是一款神奇的javascript弹出消息警告框插件。 ;带错误图标的警告框：sweetAlert("Oops...", "Something went wrong!" , "error");一个带有确认按钮的警告框，点击确认按钮可触发动画：sweetAlert({ title: "Are you sure?" SweetAlert 有4种类型的图标动画：”warning”, “error”, “success” 和 “info”.可以将它放在”type”数组或通过第三个参数传递。 该参数在其他SweetAlert触发确认按钮事件时十分有用。imageUrlnull添加自定义图片到警告框上。必须是图片的完整路径。
3.4K10编辑于 2023-10-01 - 来自专栏令仔很忙
新手学JavaScript（三）----超酷消息警告框插件（SweetAlert）
今天给大家推荐一款不错的超酷消息警告框–SweetAlert；SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。 SweetAlert 能在页面自动居中，支持桌面环境，移动端和平板，并且高度自定义。接下来看看它的具体使用！ 插件的支持： <link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/499/ixc5vbvz/<em>sweetalert</em>.css "/> <script src="http://sandbox.runjs.cn/uploads/rs/499/ixc5vbvz/<em>sweetalert</em>.min.js"></script> 然后放置6个不同的按钮
7.1K20发布于 2018-09-14 - 来自专栏前端资源
Sweet Alert弹窗插件的安装及使用详解笔记
项目主页： http://t4t5.github.io/sweetalert/ 安装 Sweet Alert npm 安装 NPM结合Browserify或Webpack等工具是安装SweetAlert 我们也可以使用 SweetAlert Transformer 轻松将您喜爱的模板库集成到 SweetAlert 中。 使用React 为了将 SweetAlert 与 JSX 语法一起使用，您需要 使用React 安装 SweetAlert 。 请注意，您需要同时拥有 sweetalert 和 @sweetalert/with-react 依赖关系 package.json。 每当你想在 SweetAlert 模态框中使用 JSX 时，只需从 @sweetalert/with-react 而不是从中导入 swal sweetalert。
10.5K10发布于 2019-11-13 - 来自专栏全栈程序员必看
swal弹窗,sweetalert2具有相同功能的多个swal
I’d like to make a condition and call a swal for each one (Sweetalert2).
4.3K10编辑于 2022-11-17 - 来自专栏Blank
一个好看的网页弹窗
sweetalert 最近找到一个网页弹窗,挺好看的 ::(捂嘴笑) 我看好多网站都是用的这个,用来做网站公告或者提示什么的还是不错的 官网地址：点击跳转 使用教程 使用的方法也很简单,下方代码放到你的网站的 head内,然后调用即可,官网也有很多示例可以参考的,下方也有部分调用效果 <script src="https://unpkg.com/<em>sweetalert</em>/dist/<em>sweetalert</em>.min.js
91120编辑于 2023-04-13 - 来自专栏季春二九
给网站加一个复制提醒弹窗
-- 复制提醒开始 --><link rel="stylesheet" href="https://cdn.bootcss.com/<em>sweetalert</em>/1.1.3/<em>sweetalert</em>.min.css " /><script type="text/javascript" src="https://cdn.bootcss.com/<em>sweetalert</em>/1.1.3/<em>sweetalert</em>.min.js"><
1.1K40编辑于 2023-04-17 - 来自专栏前端实验室
牛逼！自从用了这个组件，网站逼格提升了N个档次！
想必你也受够了单调的Alert弹框，今天就带你试试这款强大又漂亮的弹框插件 SweetAlert SweetAlert 弹框组件 SweetAlert 是一个 JavaScript 插件，能够完美替代 安装 NPM 与 Browserify 或 Webpack 等工具相结合是安装 SweetAlert 的推荐方法。 npm install sweetalert --save 然后，只需将其导入到您的应用程序中： import swal from 'sweetalert'; 也可以直接CDN引用 <script src="https://unpkg.com/<em>sweetalert</em>/dist/<em>sweetalert</em>.min.js"></script> 简单使用 将文件导入应用程序后，可以调用该函数 swal("Hello warning" 设置buttons为true，SweetAlert 除了默认的确认按钮外，还将显示一个取消按钮。
91820编辑于 2022-12-02 - 来自专栏无道编程
前端SweetAlter弹窗js的使用
官网 Sweetalter官网是：https://sweetalert.js.org/docs/ 也有中文网【注意不是官网，我不确定他是不是官网】，但是我觉得文档有问题，所以这里只放了英文官网，可以自行搜索中文网 Npm npm install sweetalert 浏览器 <script src="https://cdn.bootcss.com/<em>sweetalert</em>/2.1.2/<em>sweetalert</em>.min.js , icon: 'warning', buttons: ['取消', '确定'] }); 简单确认删除交互示例 <em>sweetalert</em>是支持Promise 具体可参考这篇文章：https:
6.9K30发布于 2019-11-12 - 来自专栏小狐狸说事
WordPress实现复制弹出提示框-美化版
="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert /1.1.3/sweetalert.min.css" >'; echo '<script src="https://cdn.bootcss.com/<em>sweetalert</em>/1.1.3/<em>sweetalert</em>.min.js
1.8K10编辑于 2022-11-28 - 来自专栏日志
Typecho网站添加复制提醒
这是放在我自己的仓库 https://cdn.jsdelivr.net/gh/zggsong/cdn/blog/layer3.1.1.js 下载最新版官方js至服务器 打开官网 点击下载 上传至服务器 使用效果二 SweetAlert -- 引入sweetalert2 --> <link rel="stylesheet" href="https://cdn.bootcss.com/<em>sweetalert</em>/1.1.3/<em>sweetalert</em>.min.css " /> <script type="text/javascript" src="https://cdn.bootcss.com/<em>sweetalert</em>/1.1.3/<em>sweetalert</em>.min.js"> , "success"); }; </script> 参考 https://layer.layui.com https://sweetalert2.github.io https://www.iiswz.com /post/10023.html https://harry0071.github.io/2018/02/08/sweetalert%E6%95%99%E7%A8%8B 本文作者：ZGGSONG
2.1K30编辑于 2022-09-09 - 来自专栏有趣的django
BBS论坛（十五）
src="{{ static('common/zlajax.js') }}"></script> <link rel="stylesheet" href="{{ static("common/sweetalert /sweetalert.css") }}"> <script src="{{ static("common/sweetalert/sweetalert.min.js") }}"></script > <script src="{{ static("common/sweetalert/zlalert.js") }}"></script> <script src="{{ static
2.4K30发布于 2019-02-13 - 来自专栏python与大数据分析
关于flask入门教程-自定义弹出框
SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本 document.formuserinfo.address.focus(); return false; } return true; } 以下是sweetalert的几个样例 ", "success"); }); }); 如果需要使用sweetalert，请自行下载js和css <script src="/static/js/<em>sweetalert</em>.min.js"></ script> <link href="/static/css/<em>sweetalert</em>.css" rel="stylesheet"> 以下为代码中使用sweetalert提示数据未录入，注在form
3.5K20编辑于 2022-03-11 - 来自专栏全栈程序员必看
clipboard使用Require自动复制「建议收藏」
bootstrap/bootstrap-suggest.min', 'bootbox': 'dist/bootbox/bootbox.min', 'sweet': 'dist/sweetalert /sweetalert.min', 'select2': 'dist/select2/select2.min', 'jquery.confirm': 'dist/jquery , css: { 'jquery.confirm': 'dist/jquery/confirm/jquery-confirm', 'sweet': 'dist/sweetalert /sweetalert', 'select2': 'dist/select2/select2,dist/select2/select2-bootstrap', 'jquery.nestable
83340编辑于 2022-09-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号