最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js中SweetAlert.js 弹出层控件使用示例
时间:2016-10-28 编辑:简简单单 来源:一聚教程网
今天给大家分享一个非常漂亮的弹出层控件:SweetAlert.js
首先看效果图:
成功提示:
失败提示:
确认框提示:
在线演示地址:
使用方法
swal("Here's a message!")
参数详解
参数 默认值 描述
title null(required) 窗口的名称。可以通过对象的"title"属性或第一个参数进行传递。
text null 窗口的描述。可以通过对象的"text"属性或第二个参数进行传递。
type null 窗口的类型。SweetAlert 有4种类型的图标动画:"warning", "error", "success" 和 "info".可以将它放在"type"数组或通过第三个参数传递。
allowOutsideClick false 如果设置为“true”,用户可以通过点击警告框以外的区域关闭警告框。
showCancelButton false 如果设置为“true”,“cancel”按钮将显示,点击可以关闭警告框。
confirmButtonText "OK" 该参数用来改变确认按钮上的文字。如果设置为"true",那么确认按钮将自动将"Confirm"替换为"OK"。
confirmButtonColor "#AEDEF4" 该参数用来改变确认按钮的背景颜色(必须是一个HEX值)。
cancelButtonText "Cancel" 该参数用来改变取消按钮的文字。
closeOnConfirm true 如果希望以后点击了确认按钮后模态窗口仍然保留就设置为"false"。该参数在其他SweetAlert触发确认按钮事件时十分有用。
imageUrl null 添加自定义图片到警告框上。必须是图片的完整路径。
imageSize "80x80" 当设定图片的路径后,你可以设定图片的大小,格式为两个数字中间带个"x"符号。
timer null 警告框自动关闭的时间。单位是ms。
-
下一个: 百度echarts饼图柱状图使用示例
相关文章
- 原生js实现弹出层效果的教程 02-10
- JS实现延时弹出提示框代码 03-19
- js artDialog弹出层插件使用例子 07-11
- js点击弹出层之后选择中国大学的弹框 04-15
- js点击链接控制弹出div层 03-23
- js延时弹出层控制效果代码 11-21