消息提示是與用戶進行交互時必不可少的組件,看膩了瀏覽器自帶的消息提示框以及bootstrap原生的alert組件,可以嘗試一下alertify.js這個前端庫,他能給你帶來耳目一新的感覺。
alertify.js官網地址:http://fabien-d.github.io/alertify.js/
github地址:https://github.com/fabien-d/alertify.js
使用方法:
引入js
<code>/<code>
引入css
<code>
<link>
<link>/<code>
使用默認彈出提示框
<code>// alert dialog
alertify.alert("Message");/<code>
使用默認消息提示框(消息框在右下角彈出)
<code>// standard notification
// setting the wait property to 0 will
// keep the log message until it's clicked
alertify.log("Notification", type, wait);/<code>
alertify.js的最大好處是可以輕鬆的自定義外觀,可以根據自己項目的配色修改相應的css,從而與 您的項目融為一體。有興趣的朋友可以加個關注,我會不斷的介紹各種有趣好玩的前端類庫,希望您能在項目中用到。
閱讀更多 程序猿有話說 的文章