基于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 相关文章推荐
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
微信小程序 picker-view 组件详解及简单实例
Jan 10 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
vue中监听返回键问题
Aug 28 Javascript
uniapp微信小程序:key失效的解决方法
Jan 20 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教程 变量定义
2009/10/23 PHP
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
PHP防盗链代码实例
2014/08/27 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
使用JavaScript判断图片是否加载完成的三种实现方式
2014/05/04 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
2015/03/16 Javascript
下雪了 javascript实现雪花飞舞
2020/08/02 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
2015/06/28 Python
python字典基本操作实例分析
2015/07/11 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
详解python中的装饰器
2018/07/10 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
Python 分布式缓存之Reids数据类型操作详解
2020/06/24 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
浙大网新C/C++面试解惑
2015/05/27 面试题
甜品店的创业计划书范文
2014/01/02 职场文书
高一历史教学反思
2014/01/13 职场文书
家长建议怎么写
2014/05/15 职场文书
运动会班级口号
2014/06/09 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
退学证明范本3篇
2014/10/29 职场文书
追悼词范文大全
2015/06/23 职场文书
小学六年级毕业感言
2015/07/30 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书
解决Golang中goroutine执行速度的问题
2021/05/02 Golang