基于jquery的finkyUI插件与Ajax实现页面数据加载功能

复制代码代码如下: <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实现心算练习代码

在线演示：http://demo.jb51.net/js/jquery_xinsuan/index.htm看看大家做完要多长时间，代码如下：复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh>>>详细阅读

本文标题：基于jquery的finkyUI插件与Ajax实现页面数据加载功能

地址：http://www.17bianji.com/kaifa2/JS/25280.html

1/2 1