php jquery alert 美化,jquery插件hiAlert实现网页对话框美化

厌烦了IE浏览器的警告窗，伴随着“咚”恐惧的一声，让人感觉好像有一种坏事情即将来临。而如今各浏览器对网页的弹出警告框(alert)、确认对话框(confirm)、输入框(prompt)显示效果不一，本文借助hiAlert插件来为您统一网页的对话框风格。

hiAlert插件是根据 jquery.alerts 改进得来，包括了常用的几种提示框，还提供了渐变提示条效果，弹出网页层效果，它目前兼容各主流浏览器。

使用方法

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

1、hiAlert

hiAlert(content,title,callback);

hiAlert方法提供3个参数，content：内容，title：对话框标题，callback：回调函数，若无则不写，如：

hiAlert("欢迎来到helloweba.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用来展示信息提示条效果，类似本站文章中的效果，它提供了两个参数，content：提示内容，timeout：提示时间，默认为3000，即3秒。如：

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

在使用时一定记得加载jQuery库和hiAlert插件，以及对应的css样式。您也可以修改CSS来进一步美化对话框。此外，如果需要拖动对话框效果，则需要载入jquery.ui.draggable.js，可以到了解详情。

以上所述就是本文的全部内容了，希望大家能够喜欢。

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

php jquery alert 美化,jquery插件hiAlert实现网页对话框美化_jquery相关推荐

jquery.alerts.js模拟js的alert,confirm的插件
为什么80%的码农都做不了架构师?>>> 在http://www.aceona.com/网站发现的模拟alert confirm的插件. http://labs.abeauti ...
html5下拉列表显示多列,多列网格样式下拉列表框美化jQuery插件
Multi-Column-Select是一款多列网格样式下拉列表框美化jQuery插件.通过该插件可以将下拉列表转换为多列的网格选项布局.它支持下拉列表的单选和多选,在鼠标滑过列表选项时还带有一些有趣 ...
[转]jQuery美化表格插件tablecloth.js
转自给力技术 jQuery美化表格插件 - tablecloth.js tablecloth.js 是基于 Twitter Bootstrap 的 jQuery 插件,可让你快速对表格加上漂亮的样式 ...
[转]jQuery美化表格插件 - tablecloth.js
转自给力技术 jQuery美化表格插件 - tablecloth.js tablecloth.js 是基于 Twitter Bootstrap 的 jQuery 插件 ,可让你快速对表格加上漂亮的样 ...
下拉选框样式html,超酷select选择下拉框美化jQuery插件
jquery-nice-select是一款轻量级的select下拉选择框美化jQuery插件.该插件可以将原生的select元素转换为自定义样式的下拉选择框,并且在选择时带有很酷的CSS3过渡动画效果 ...
jQuery 表单验证插件，jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
jQuery 表单验证插件jQuery Validation Engine用法详解
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. jQuery Validation ...
实用Jquery开发自己的插件
实用Jquery开发自己的插件 jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身 ...
jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)
前不久在官方网站是看见这个插件,所以今天趁有空就看了一下,随便给大家共享一下.也许你早已知道了 ,如果是这样那请跳过,不要拍砖. 这个Jquery插件的目的是替代JavaScript的标准函数aler ...
jquery订阅发布插件代码草稿，为jquery扩展jquery.publish，jquery.subscribe方法
jquery订阅发布插件代码草稿! jquery订阅发布插件代码草稿,为jquery扩展jquery.publish,jquery.subscribe方法 --- jquery订阅发布插件代码草稿 & ...

php jquery alert 美化,jquery插件hiAlert实现网页对话框美化_jquery

php jquery alert 美化,jquery插件hiAlert实现网页对话框美化_jquery相关推荐

最新文章

热门文章