基于jquery的finkyUI插件与Ajax实现页面数据加载功能
时间：2021-07-04 09:26:03|栏目：jquery|点击： 次
复制代码 代码如下:
<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 选择器部分整理
本文标题：基于jquery的finkyUI插件与Ajax实现页面数据加载功能
本文地址：http://www.codeinn.net/misctech/152455.html
