基于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 相关文章推荐
jquery关于图形报表的运用实现代码
Jan 06 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
node.js WEB开发中图片验证码的实现方法
Jun 03 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
js实现精美的图片跟随鼠标效果实例
May 16 Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 Javascript
jQuery层级选择器实例代码
Feb 06 Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
Apr 27 Javascript
js replace替换字符串同时替换多个方法
Nov 27 Javascript
vue接入腾讯防水墙代码
May 07 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采集速度探究总结(原创)
2008/04/18 PHP
php处理json时中文问题的解决方法
2011/04/12 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
总结PHP中数值计算的注意事项
2016/08/14 PHP
jQuery Ajax 全解析
2009/02/08 Javascript
flexigrid 参数说明
2010/11/23 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
微信小程序页面间传值与页面取值操作实例分析
2019/04/30 Javascript
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
jQuery实现电梯导航模块
2020/12/22 jQuery
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
通过cmd进入python的步骤
2020/06/16 Python
python将YUV420P文件转PNG图片格式的两种方法
2021/01/22 Python
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
幼儿园教师考核制度
2014/02/01 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
2014年团支部年度工作总结
2014/12/24 职场文书
大专护理专业自荐信
2015/03/25 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
高二数学教学反思
2016/02/18 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers