基于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 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
原生js的数组除重复简单实例
May 24 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
如何能分清npm cnpm npx nvm
Jan 17 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 Javascript
解决vue项目 build之后资源文件找不到的问题
Sep 12 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
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
php桌面中心(二) 数据库写入
2007/03/11 PHP
php中生成随机密码的自定义函数代码
2013/10/21 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
jQuery 实现双击编辑表格功能
2017/06/19 jQuery
JavaScript实现京东购物放大镜和选项卡效果的方法分析
2018/07/05 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
使用JS判断页面是首次被加载还是刷新
2019/05/26 Javascript
微信小程序canvas截取任意形状的实现代码
2020/01/13 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
2020/07/28 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
python写的ARP攻击代码实例
2014/06/04 Python
Python基于Matplotlib库简单绘制折线图的方法示例
2017/08/14 Python
python的文件操作方法汇总
2017/11/10 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
Python3之简单搭建自带服务器的实例讲解
2018/06/04 Python
用Python分析3天破10亿的《我不是药神》到底神在哪?
2018/07/12 Python
Tensorflow 合并通道及加载子模型的方法
2018/07/26 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
大女孩胸罩:Big Girls Bras
2016/12/15 全球购物
老师给学生的表扬信
2014/01/17 职场文书
爬山的活动方案
2014/08/16 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
大学生村官个人总结
2015/02/15 职场文书
2015年项目工作总结
2015/04/29 职场文书
英文投诉信格式
2015/07/03 职场文书
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript