很漂亮的SweetAlert.js 彈出層

標籤：背景   改變   動畫   自訂   message   elb   erro   header   使用者   

線上執行個體

執行個體示範

使用方法

1. 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。

下載

 

很漂亮的SweetAlert.js 彈出層