基于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 相关文章推荐
javascript学习随笔(使用window和frame)的技巧
Mar 08 Javascript
详解javascript遍历方式
Nov 11 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 Javascript
zTree实现节点修改的实时刷新功能
Mar 20 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
vue缓存的keepalive页面刷新数据的方法
Apr 23 Javascript
vue2 中二级路由高亮问题及配置方法
Jun 10 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 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 中的类
2006/10/09 PHP
php 从数据库提取二进制图片的处理代码
2009/09/09 PHP
php读取图片内容并输出到浏览器的实现代码
2013/08/08 PHP
php中adodbzip类实例
2014/12/08 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
XRegExp 0.2: Now With Named Capture
2007/11/30 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
Node.js 制作实时多人游戏框架
2015/01/08 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
举例讲解JavaScript中关于对象操作的相关知识
2015/11/16 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
Angular自定义组件实现数据双向数据绑定的实例
2017/12/11 Javascript
vue实现带复选框的树形菜单
2019/05/27 Javascript
javascript网页随机点名实现过程解析
2019/10/15 Javascript
jquery css实现流程进度条
2020/03/26 jQuery
使用Taro实现小程序商城的购物车功能模块的实例代码
2020/06/05 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
深入理解Django中内置的用户认证
2017/10/06 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
python基于opencv检测程序运行效率
2019/12/28 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
linux面试题参考答案(10)
2013/11/04 面试题
运动会广播稿60字
2014/01/15 职场文书
医校毕业生自我鉴定
2014/01/25 职场文书
电气工程自动化求职信
2014/03/14 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
利用python做表格数据处理
2021/04/13 Python