基于jquery的finkyUI插件与Ajax实现页面数据加载功能


Posted in Javascript onDecember 03, 2010
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/json.js"></script> 
<script type="text/javascript" src="js/jquery.funkyUI.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#Click").click(function(){ 
$.getJSON("ajaxuser.jspx",{},function(json){ 
//alert(json); 
$("#clickTab").children().each(function(){ 
$(this).remove(); 
}); 
$(json).each(function(){ 
var id=this.uid; 
var name=this.uname; 
var pwd=this.upwd; 
//alert(name); 
var htmlStr='<tr><td bgcolor="white">'+id+'</td>'+'<td bgcolor="white">'+name+'</td>'+'<td bgcolor="white">'+pwd+'</td></tr>'; 
$("#clickTab").append(htmlStr); 
}); 
}); 
}); $("#clickTab").ajaxStart(function(){ 
$.funkyUI({ 
showDialog:false 
}); 
}); 
$("#clickTab").ajaxStop(function(){ 
$.unfunkyUI(); 
}); 
}); 
</script>

基于jquery的finkyUI插件与Ajax实现页面数据加载功能

finkyUI是很好用的一个jquery插件
写出这玩意的哥们很强
谢谢他了,不然自己做这效果不知要做到什么时候了......
----------------------------功能---------------------------
无限级弹出窗口
* Esc退出block弹出窗口
* 可拖动窗口
* 模态窗口
* 模态alert警告对话框
* 模态confirm对话框
* 页面局部模态
* 绑定按钮响应函数
* 弹出窗口加载iframe
* 自定义背景样式
组件提供了六个函数:

$.funkyUI // 弹出模态窗口 
$.unfunkyUI // 关闭模态窗口 
$.alert //警告提示对话框 
$.confirm //确认和取消对话框 
$.fn.block //块模态 
$.fn.unblock//解除块模态

调用示例:
$.blockUI({ 
url:"1.html",//弹出窗口显示的内容,使用iframe 
OKEvent:okEvent,//okEvent是自定义的确定按钮响应函数, 
css:{width:"700",height:"500"} 
}); 
$.alert("这是警告窗口"); 
$.confirm("这是个Boolean窗口"); 
$('#blocked').block();//id为blocked的元素设置为只读 
$('#blocked').unblock();//解除
Javascript 相关文章推荐
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
js网页右下角提示框实例
Oct 14 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
详解在Vue中通过自定义指令获取dom元素
Mar 04 Javascript
Angular.js实现动态加载组件详解
May 28 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
Jul 30 Javascript
原生js实现html手机端城市列表索引选择城市
Jun 24 Javascript
详解JavaScript 高阶函数
Sep 14 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 #Javascript
jQuery学习笔记[1] jQuery中的DOM操作
Dec 03 #Javascript
浅析jQuery的链式调用之each函数
Dec 03 #Javascript
jQuery的链式调用浅析
Dec 03 #Javascript
加速IE的Javascript document输出的方法
Dec 02 #Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 #Javascript
javascript学习之闭包分析
Dec 02 #Javascript
You might like
PHP分页函数代码(简单实用型)
2010/12/02 PHP
php实现根据字符串生成对应数组的方法
2014/09/22 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
2018/09/07 PHP
php xhprof使用实例详解
2019/04/15 PHP
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
js 颜色选择插件
2017/01/23 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
js中console在一行内打印字符串和对象的方法
2019/09/10 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
工作中常用js功能汇总
2020/11/07 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
python统计日志ip访问数的方法
2015/07/06 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
解决python大批量读写.doc文件的问题
2018/05/08 Python
解决Python中list里的中文输出到html模板里的问题
2018/12/17 Python
python 实现创建文件夹和创建日志文件的方法
2019/07/07 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
利用Vscode进行Python开发环境配置的步骤
2020/06/22 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
小学毕业感言300字
2014/02/19 职场文书
环境工程专业自荐信范文
2014/03/18 职场文书
初中差生评语
2014/12/29 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
新年祝酒词大全
2015/08/11 职场文书
element多个表单校验的实现
2021/05/27 Javascript