該樣式是我網上搜尋的，風格好看又簡潔，不失大雅！

就不過多描述了，自己體驗一下吧~：點我體驗一番

一、引入js和css文件

二、js調用替代alert

一、引入js和css文件

直接在head引入：

2、或者下載之后再引入。

二、js調用替代alert

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

1、標準彈出框

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

swal("這是標題！","這是文本")

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

swal("這還是標題！","這還是文本","success")

4、帶函數傳值的alert

swal({

title: "確定刪除嗎？",

text: "你將無法恢復該虛擬文件！",

type: "warning",

showCancelButton: true,

confirmButtonColor: "#DD6B55",

confirmButtonText: "確定刪除！",

cancelButtonText: "取消刪除！",

closeOnConfirm: false,

closeOnCancel: false

},

function(isConfirm){

if (isConfirm) {

swal("刪除！", "你的虛擬文件已經被刪除。",

"success");

} else {

swal("取消！", "你的虛擬文件是安全的:)",

"error");

}

});

5、可以內嵌html代碼的alert

swal({title: "HTML 標題!"text: "自定義這是藍色的。",html: true});

總結

以上是生活随笔為你收集整理的渐变的alert_好看的alert样式或者弹窗样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。