复制代码 代码如下:

<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();//解除