hiAlert插件怎么使用

這篇“hiAlert插件怎么使用”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“hiAlert插件怎么使用”文章吧。

hiAlert插件是根據 jquery.alerts 改進得來，包括了常用的幾種提示框，還提供了漸變提示條效果，彈出網頁層效果，它目前兼容各主流瀏覽器。

使用方法

hiAlert提供了五種方法可以使用：

1、hiAlert

hiAlert(content,title,callback);

hiAlert方法提供3個參數，content：內容，title：對話框標題，callback：回調函數，若無則不寫，如：

hiAlert("歡迎來到xuebuyuan.com","提示");

2、hiConfirm

hiConfirm(content,title,callback);

hiConfirm方法提供3個參數，content：內容，title：對話框標題，callback：回調函數，若無則不寫，如：

hiConfirm('你確認此操作嗎?','確認框',function(r){   hiOverAlert('你的反饋是: ' + r); });

3、hiPrompt

hiPrompt(content,deinput,title,callback);

hiConfirm方法提供4個參數，content：內容，deinput：輸入框的默認值，title：對話框標題，callback：回調函數，若無則不寫，如：

hiPrompt('請填寫:','默認值','輸入框',function(r){ if(r) hiOverAlert('你填入的內容是“' + r+'”'); });

4、hiBox

hiBox(obj,title,w,h,submit,cancel,callback)

hiBox方法提供7個參數，obj: 被指定打開的對象（對象唯一），即對話框中展示的內容關聯的對象，title：標題，w：寬度，h：高度，submit：可設置內容中的對象為"submit"，如果有callback，點此返回callback行為，cancel：對話框中的取消或關閉按鈕對象，callback：回調函數，如：

hiBox('#showbox', '標題',400,'','','.a_close');

5、hiOverAlert

hiOverAlert(content,timeout);

hiOverAlert用來展示信息提示條效果，類似本站文章jNotify：操作結果信息提示條中的效果，它提供了兩個參數，content：提示內容，timeout：提示時間，默認為3000，即3秒。如：

hiOverAlert('操作提示條信息',1500);

在使用時一定記得加載jQuery庫和hiAlert插件，以及對應的css樣式。您也可以修改CSS來進一步美化對話框。此外，如果需要拖動對話框效果，則需要載入jquery.ui.draggable.js。

以上就是關于“hiAlert插件怎么使用”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。