基于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一句话全选/取消全选
Mar 01 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
Jun 13 Javascript
javascript实现树形菜单的方法
Jul 17 Javascript
JavaScript中的this到底是什么(一)
Dec 09 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
ES6 Map结构的应用实例分析
Jun 26 Javascript
Vue页面刷新记住页面状态的实现
Dec 27 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 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
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
php定时执行任务设置详解
2015/02/06 PHP
百度留言本js 大家可以参考下
2009/10/13 Javascript
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
javascript入门基础之私有变量
2010/02/23 Javascript
jquery实现商品拖动选择效果代码(自写)
2013/05/28 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
Javascript动画效果(3)
2016/10/11 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
Angular X中使用ngrx的方法详解(附源码)
2017/07/10 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
[44:43]完美世界DOTA2联赛决赛日 FTD vs GXR 第一场 11.08
2020/11/11 DOTA
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
Python中列表元素转为数字的方法分析
2016/06/14 Python
Python自定义线程池实现方法分析
2018/02/07 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
python语言基本语句用法总结
2019/06/11 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
新闻专业推荐信范文
2013/11/20 职场文书
新教师培训方案
2014/06/08 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
高温慰问简报
2015/07/21 职场文书
pytorch 6 batch_train 批训练操作
2021/05/28 Python
浅谈如何提高PHP代码的质量
2021/05/28 PHP
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL