分类分类
更新时间:2026-09-29 17:59:10作者:zhao
厌烦了IE浏览器的警告窗,伴随着“咚”恐惧的一声,让人感觉好像有一种坏事情即将来临。而如今各浏览器对网页的弹出警告框(alert)、确认对话框(confirm)、输入框(prompt)显示效果不一,本文借助hiAlert插件来为您统一网页的对话框风格。
hiAlert插件是根据 jquery.alerts 改进得来,包括了常用的几种提示框,还提供了渐变提示条效果,弹出网页层效果,它目前兼容各主流浏览器。
使用方法
hiAlert提供了五种方法可以使用:
1、hiAlert
hiAlert(content,title,callback);
hiAlert方法提供3个参数,content:内容,title:对话框标题,callback:回调函数,若无则不写,如:
hiAlert("欢迎来到http://www.a5xiazai.com/info","提示");
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用来展示信息提示条效果,类似本站文章中的效果,它提供了两个参数,content:提示内容,timeout:提示时间,默认为3000,即3秒。如:
hiOverAlert('操作提示条信息',1500);
在使用时一定记得加载jQuery库和hiAlert插件,以及对应的css样式。您也可以修改CSS来进一步美化对话框。此外,如果需要拖动对话框效果,则需要载入jquery.ui.draggable.js,可以到了解详情。
以上所述就是本文的全部内容了,希望大家能够喜欢。
相关
可露优世界休闲益智790.16 Mv9.92.31.102026-09-29
下载OverPeak超人游戏角色扮演304.38 Mv0.62026-09-29
下载宇宙回形针休闲益智24.07 Mv2.1.282026-09-29
下载pvzrhlauncher启动器手游辅助91.98 Mv1.1.1-ci.5492026-09-29
下载玛雅纪元角色扮演884.12 Mv2.1.122026-09-29
下载倒水倒不停红包版休闲益智68.28 Mv1.0.42026-09-29
下载观心心理(心理成长服务)生活服务208.9 MBv2.0.42026-09-29
下载速查驾规(交通法规速查)生活服务91.6 MBv1.0.02026-09-29
下载高能及时导航2026官方最新版本生活服务68.8 MBv1.0.02026-09-29
下载AI语音智能帮手2026最新版本社交通讯83.0 MBv1.0.12026-09-29
下载Nuna智能吊坠APP(健康情绪助手)生活服务190.3 MBv3.8.02026-09-29
下载开锁豹(锁匠接单平台)生活服务42.2 MBv1.0.52026-09-29
下载










