基于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 相关文章推荐
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
详解AngularJS实现表单验证
Dec 10 Javascript
AngularJS入门教程之AngularJS指令
Apr 18 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
老生常谈js数据类型
Aug 03 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
微信小程序 生成携带参数的二维码
Oct 23 Javascript
Vue中this.$nextTick的作用及用法
Feb 04 Javascript
Vue中Object.assign清空数据报错的解决方案
Mar 03 Vue.js
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 park、unpark、ord 函数使用方法(二进制流接口应用实例)
2010/10/19 PHP
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
JQuery 文本框使用小结
2010/05/22 Javascript
JavaScript中:表达式和语句的区别[译]
2012/09/17 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
2016/10/09 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
小程序实现悬浮搜索框
2019/07/12 Javascript
node.js express框架简介与实现
2019/07/23 Javascript
[02:34]肉山说——泡妞篇
2014/09/16 DOTA
Python3写入文件常用方法实例分析
2015/05/22 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
使用pandas读取文件的实现
2019/07/31 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
Python图像阈值化处理及算法比对实例解析
2020/06/19 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
物流专业大学生的自我鉴定
2013/11/13 职场文书
代理协议书范本
2014/04/22 职场文书
2014年四风问题自我剖析材料
2014/09/15 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
档案工作个人总结
2015/03/03 职场文书
医院志愿者活动总结
2015/05/06 职场文书
一般纳税人申请报告
2015/05/18 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书