【使用示例】jGrowl 消息弹出框的jQuery插件
2013-06-26 16:04
666 查看
来自:http://www.oschina.net/code/snippet_12_591
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。
// Sample 1:提示后自动消息 $.jGrowl("Hello world!"); // Sample 2:需要用户手动关闭 $.jGrowl("Stick this!", { sticky: true }); // Sample 3:增加标题 $.jGrowl("A message with a header", { header: 'Important' }); // Sample 4:指定在10秒后自动消失 $.jGrowl("A message that will live a little longer.", { life: 10000 }); // Sample 5:消失后有回调事件 $.jGrowl("A message with a beforeOpen callback and a different opening animation.", { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });
相关文章推荐
- jGrowl 基于jQuery的消息弹出框插件
- 使用jquery的blockui插件显示弹出层
- Jquery中datatables插件的使用示例
- 使用JQuery blockUI插件示例(加载数据时使用相当于updateprogress)
- 使用jquery的blockui插件显示弹出层
- JQuery插件fancybox解决无法在弹出层使用左右键的问题
- 使用jQuery的easydrag插件实现可拖动的DIV弹出框
- jQuery弹出插件thickbox使用心得
- jQuery使用简单示例 validate 插件
- Jquery autocomplete插件的使用示例
- jquery插件tooltipv顶部淡入淡出效果使用示例
- jQuery使用简单示例 validate 插件
- jQuery的ajax传参巧用JSON使用示例(附Json插件)
- jquery 消息插件--仿QQ消息弹出提醒
- jquery插件jquery.confirm弹出确认消息
- jquery上传插件AjaxUpload使用示例
- jQuery表格插件ParamQuery简单使用方法示例
- 使用jQuery的message插件实现右下角弹出消息框
- jquery使用jxl插件导出excel示例
- Jquery弹出层插件ThickBox的使用方法