基于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 相关文章推荐
语义化 H1 标签
Jan 14 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
Apr 01 Javascript
Node.js+Express配置入门教程
May 19 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
vue router路由嵌套不显示问题的解决方法
Jun 17 Javascript
基于input框覆盖掉数字英文的实例讲解
Jul 21 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
Jan 25 Javascript
用图片替换checkbox原始样式并实现同样的功能
Nov 15 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 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实现网上点歌(二)
2006/10/09 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
php基于str_pad实现卡号不足位数自动补0的方法
2014/11/12 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
dess中一个简单的多路委托的实现
2010/07/20 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
jQuery中delegate()方法用法实例
2015/01/19 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
JS实现加载和读取XML文件的方法详解
2017/04/24 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
python实现复制整个目录的方法
2015/05/12 Python
Python 多线程抓取图片效率对比
2016/02/27 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
Python如何在bool函数中取值
2020/09/21 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
在HTML5 canvas里用卷积核进行图像处理的方法
2018/05/02 HTML / CSS
使用phonegap操作数据库的实现方法
2017/03/31 HTML / CSS
英国领先的男装设计师服装购物网站:Mainline Menswear
2018/02/04 全球购物
揭牌仪式策划方案
2014/05/28 职场文书
新教师培训方案
2014/06/08 职场文书
投标人法定代表人授权委托书格式
2014/09/28 职场文书
西柏坡导游词
2015/02/05 职场文书
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers