基于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 相关文章推荐
基于逻辑运算的简单权限系统(实现) JS 版
Mar 24 Javascript
jquery 回车事件实现代码
Aug 23 Javascript
javascript去掉前后空格的实例
Nov 07 Javascript
IE的事件传递-event.cancelBubble示例介绍
Jan 12 Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
微信小程序时间戳转日期的详解
Apr 30 Javascript
修改vue源码实现动态路由缓存的方法
Jan 21 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 Javascript
详细聊聊vue中组件的props属性
Nov 02 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通过cookies获取远程网页的指定代码
2013/06/25 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
PHP创建XML接口示例
2019/07/04 PHP
php的优点总结 php有哪些优点
2019/07/19 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
jquery得到font-size属性值实现代码
2013/09/30 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
2015/01/09 Javascript
JavaScript中Date对象的常用方法示例
2015/10/24 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
JS简单实现String转Date的方法
2016/03/02 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
如何使用angularJs
2017/05/08 Javascript
node-sass安装失败的原因与解决方法
2017/09/04 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
Flask框架信号用法实例分析
2018/07/24 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
用python实现名片管理系统
2020/06/18 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
How to spawning asynchronous work in J2EE
2016/08/29 面试题
岗位职责范本
2013/11/23 职场文书
质量承诺书格式
2014/05/20 职场文书
八一建军节演讲稿
2014/09/10 职场文书
Angular CLI发布路径的配置项浅析
2021/03/29 Javascript
Nginx反向代理配置的全过程记录
2021/06/22 Servers
中国古风插画师排行榜:夏达第一,第三是阴阳师姑获鸟皮肤创作者
2022/03/18 国漫
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers