基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010-12-03 00:00
1676 查看
<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>
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();//解除
相关文章推荐
- 基于jquery实现页面滚动到底自动加载数据的功能
- 利用JQuery方便实现基于Ajax的数据查询、排序和分页功能
- jQuery基于Ajax实现读取XML数据功能示例
- 将jQuery Pagination分页插件用于不使用AJAX加载数据的页面
- jQuery基于ajax实现页面加载后检查用户登录状态的方法
- 基于AngularJS实现页面滚动到底自动加载数据的功能
- 利用JQuery方便实现基于Ajax的数据查询、排序和分页功能
- 利用JQuery方便实现基于Ajax的数据查询、排序和分页功能
- 用html5页面引入了一个jquery插件,实现平板上的向上滑动加载更多的功能
- JQuery实现基于Ajax的数据查询、排序和分页功能
- 基于AngularJS实现页面滚动到底自动加载数据的功能
- 利用JQuery方便实现基于Ajax的数据查询、排序和分页功能
- jquery实现页面提示,数据正在加载中。(
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- 基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
- 基于JQuery实现滚动到页面底端时自动加载更多信息
- 基于JQuery实现滚动到页面底端时自动加载更多信息
- 基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
- 基于jQuery的AJAX和JSON实现纯html数据模板