基于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 相关文章推荐
Textarea与懒惰渲染实现代码
Jan 04 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
javascript伸缩型菜单实现代码
Nov 16 Javascript
全面解析Bootstrap布局组件应用
Feb 22 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
JS设置随机出现2个数字的实例代码
Jul 19 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 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
使用adodb lite解决问题
2006/12/31 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
php分页函数完整实例代码
2014/09/22 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
2014/03/06 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Pyhton中防止SQL注入的方法
2015/02/05 Python
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
Python数据抓取爬虫代理防封IP方法
2018/12/23 Python
python logging通过json文件配置的步骤
2020/04/27 Python
Python PyQt5运行程序把输出信息展示到GUI图形界面上
2020/04/27 Python
小狗电器官方商城:中国高端吸尘器品牌
2017/03/29 全球购物
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
vue项目实现分页效果
2021/03/24 Vue.js
小程序实现筛子抽奖
2021/05/26 Javascript
使用Pytorch训练two-head网络的操作
2021/05/28 Python
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android