基于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 相关文章推荐
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
JQuery 操作select标签实现代码
May 14 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 Javascript
浅析js中substring和substr的方法
Nov 09 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
Javascript中 toFixed四舍六入方法
Aug 21 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
详解Js模块化的作用原理和方案
Apr 29 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编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
AngularJS 过滤器的简单实例
2016/07/27 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
使用Django Form解决表单数据无法动态刷新的两种方法
2017/07/14 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
Python Django 命名空间模式的实现
2019/08/09 Python
python UDF 实现对csv批量md5加密操作
2021/01/01 Python
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
公司JAVA开发面试题
2015/04/02 面试题
Linux如何压缩可执行文件
2014/03/27 面试题
班会关于环保演讲稿
2013/12/29 职场文书
中层竞聘演讲稿
2014/01/09 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
解除劳动合同证明书模板
2014/11/20 职场文书
个人收入证明范本
2015/06/12 职场文书
论语读书笔记
2015/06/26 职场文书
大学同学聚会感言
2015/07/30 职场文书
Python编程中Python与GIL互斥锁关系作用分析
2021/09/15 Python