基于bootstrap封裝輕提示警示框alert

前言

本人是基于bootstrap的警示框元件進行再次封裝，調用前，請先引用bootstrap.css和bootstrap.js。

源代碼下載下傳位址

下面代碼相對路徑請自行配置。

<link rel="stylesheet" href="../css/bootstrap.css">
<script src="../jquery-3.3.1.min.js"></script>
<script src="../bootstrap.min.js"></script>
<script type="text/javascript" src="../../bootstrapMessage.js"></script>
           

調用

我把元件封成了一個Message()方法。效果隻需在對應的方法裡調用即可。

元件提供了一些靜态方法，使用方式和參數如下：

Message(type, message, duration, isClose);

API

參數	說明	類型	預設值	是否必填
type	提示框類型	string	預設是info，type可為：success, info, warning, error	是
message	提示資訊	string /html	如果不傳或者傳空值，會預設輸出type	否
duration	自動關閉的延時，機關毫秒。設為 0 時不自動關閉。	number	2000	否
isClose	是否顯示關閉按鈕	boolean	false	否

代碼示範及效果截圖

正常效果

參數message值可以為string也可以html，友善使用者自己調樣式。

如果參數message不傳，則會預設輸出type。

當然Message()裡面也可直接輸入普通文字，樣式預設是info提示框的樣式

時間問題就封了這些功能，以後如有需要再更新