我爱模板网 > 特效插件 > 表格弹出层 >  网页对话框hiAlert jQuery插件正文

网页对话框hiAlert jQuery插件

特效介绍
hiAlert

    网页对话框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); 


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:jNotify——优秀的jQuery结果提示框插件 下一篇:点击左边导航滚动的新闻列表jQuery插件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢