很漂亮的SweetAlert.js 彈出層


在線實例

實例演示

使用方法

  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。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM