基于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 相关文章推荐
Javascript UrlDecode函数代码
Jan 09 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
js中有关IE版本检测
Jan 04 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
《javascript少儿编程》location术语总结
May 27 Javascript
Vue加载json文件的方法简单示例
Jan 28 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
详解vue 组件注册
Nov 20 Vue.js
js不常见操作运算符总结
Nov 20 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
《星际争霸重制版》兵种对比图鉴
2020/03/02 星际争霸
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
JavaScript 错误处理与调试经验总结
2010/08/10 Javascript
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
jquery ajax 局部刷新小案例
2014/02/08 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
理解Python中的With语句
2016/03/18 Python
pycharm远程调试openstack的图文教程
2017/11/21 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
python学生管理系统
2019/01/30 Python
Python实现最大子序和的方法示例
2019/07/05 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
Windows 下python3.8环境安装教程图文详解
2020/03/11 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
Python如何读写CSV文件
2020/08/13 Python
Python中的特殊方法以及应用详解
2020/09/20 Python
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
机械工程系毕业生求职信
2013/09/27 职场文书
高一历史教学反思
2014/01/13 职场文书
上班离岗检讨书
2014/01/27 职场文书
关于感恩的演讲稿200字
2014/08/26 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
校本课程教学计划
2015/01/19 职场文书
出国留学英文自荐信
2015/03/25 职场文书
Python编程中Python与GIL互斥锁关系作用分析
2021/09/15 Python
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL