jQuery提示插件alertify使用指南_jquery

主要實現提示功能，用于代替js中的alert,confirm,prompt，顯示友好的提示框

2.alertify使用方法

1.使用的文件
主要使用三個文件，兩個css（alertify.core.css，alertify.default.css），用于設置提示框的樣式。一個js（alertify.min.js或alertify.js），用于實現提示框的功能。

2.實現提示框代碼
alertify使用非常簡單，主要步驟為：初始化（初始化alertify）-》綁定(綁定事件)

如實現簡單的提示框、確認框和提示框

顯示結果(輸入提示框)：

4.alertify修改樣式
主要是修改兩個css文件(alertify.core.css，alertify.default.css)，也可以覆蓋使用。如在頁面中加入

.alertify{
 width:350px;
 margin-left: -205px;
 border:2px solid #4ba9e6;
 background:#f3faff;
 border-radius:0;
}

修改后顯示結果：

alertify使用說明

alertify是由html5+css3開發的插件，所以完美的支持html5+css3的瀏覽器。在測試過程過，alertify在chrome與火狐瀏覽器中顯示效果是完美的，但是在ie8一下，顯示效果有所不同，如圓角框、陰影、動畫特效等不會顯示。

以上所述就是本文的全部內容了，希望大家能夠喜歡。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com