管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

基于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>

　　

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

教程首页 更多教程