特效介绍
网页对话框hiAlert是对传统的警告框(alert)美化、确认对话框(confirm)美化和输入框(prompt)美化以及各种浏览器显示效果的统一。它使用方便,易于扩展,支持拖动(需要载入jquery.ui.draggable.js),并且获取返回值非常方便。
使用方法
hiAlert使用方法很多,除了上面提到的警告框(alert)美化、确认对话框(confirm)美化和输入框(prompt)美化之外,还提供了显示一段话和显示一个提示层的功能,下面从这五个方面一一详解:1、hiAlert
语法:
hiAlert(content,title,callback);参数:
content:内容,
title:对话框标题,
callback:回调函数,若无则不写
例子:
hiAlert("欢迎来到helloweba.com","提示");2、hiConfirm
语法:
hiConfirm(content,title,callback);参数:
content:内容,
title:对话框标题,
callback:回调函数,若无则不写
例子:
hiConfirm('你确认此操作吗?','确认框',function(r){ hiOverAlert('你的反馈是: ' + r); });3、hiPrompt
语法:
hiPrompt(content,deinput,title,callback);参数:
content:内容,
deinput:输入框的默认值,
title:对话框标题,
callback:回调函数,若无则不写
例子:
hiPrompt('请填写:','默认值','输入框',function(r){ if(r) hiOverAlert('你填入的内容是“' + r+'”'); });4、hiBox
语法:
hiBox(obj,title,w,h,submit,cancel,callback)参数:
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);