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插件怎么使用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。