漸變的alert 完美的alert美化

2021-10-17 01:33:17 字數 676 閱讀 6028

預設的alert總是在好看的樣式下顯得格格不入,所以在網上搜尋良久,終於找到了乙個完美的美化方案。體驗請點我

一、引入js和css檔案

二、js呼叫替代alert

一、引入js和css檔案

1、直接在head引入

二、js呼叫替代alert

直接使用swal()函式替代alert函式即可,同時sweetalert還提供更加多樣化的彈出框。

1、標準彈出框

swal("開始這個完美的彈出框旅程吧!")

2、帶標題和文字的alert

swal("這是標題!","這是文字")

3、成功的提示,可以帶動畫效果的哦

swal("這還是標題!","這還是文字","success")

4、帶函式傳值的alert

swal( else {

swal("取消!", "你的虛擬檔案是安全的:)",

"error");

5、可以內嵌html**的alert

swal({

title: "html 標題!",

text: "自定義這是藍色的。",

html: true

附:2、阿里雲100+產品1000元代金券:點我領取

3、企業高效能雲首購5折:點我點我

4、突發性例項**,1核1g,1年僅需293:點我檢視

完美的東西總是配套的

成功是對完美的感悟和傾情享受,就如追求一般。有機會結識體壇明星曹瑛,她年輕美麗,而且不像體育健將,有一種柔弱纖秀的美。婉約的她領我們參觀射擊訓練場,我被激動和震撼了 幾十公尺外的10環只是乙個小點兒,比這本書中的句號還要小!10環是怎樣打中的?我不得而知,在心中虛擬演繹的結論是 不是瞄準兒後射擊,而...

精彩的近乎完美的分頁儲存過程

create procedure main table pwqzc pagesize int,pageindex int,docount bit,this id asif docount 1 begin select count id from luntan where this id this i...

精彩的近乎完美的分頁儲存過程

create procedure main table pwqzc pagesize int,pageindex int,docount bit,this id asif docount 1 begin select count id from luntan where this id this i...