快捷導(dǎo)航

基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能

更新時(shí)間：2010年12月03日 19:59:28 作者：

基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能，需要的朋友可以參考下。

 
<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是很好用的一個(gè)jquery插件
寫出這玩意的哥們很強(qiáng)
謝謝他了，不然自己做這效果不知要做到什么時(shí)候了......
----------------------------功能---------------------------
無限級(jí)彈出窗口
* Esc退出block彈出窗口
* 可拖動(dòng)窗口
* 模態(tài)窗口
* 模態(tài)alert警告對話框
* 模態(tài)confirm對話框
* 頁面局部模態(tài)
* 綁定按鈕響應(yīng)函數(shù)
* 彈出窗口加載iframe
* 自定義背景樣式
組件提供了六個(gè)函數(shù)：

復(fù)制代碼代碼如下:

 
$.funkyUI // 彈出模態(tài)窗口 
$.unfunkyUI // 關(guān)閉模態(tài)窗口 
$.alert //警告提示對話框 
$.confirm //確認(rèn)和取消對話框 
$.fn.block //塊模態(tài) 
$.fn.unblock//解除塊模態(tài) 

調(diào)用示例：

復(fù)制代碼代碼如下:

 
$.blockUI({ 
url:"1.html",//彈出窗口顯示的內(nèi)容，使用iframe 
OKEvent:okEvent,//okEvent是自定義的確定按鈕響應(yīng)函數(shù)， 
css:{width:"700",height:"500"} 
}); 
$.alert("這是警告窗口"); 
$.confirm("這是個(gè)Boolean窗口"); 
$('#blocked').block();//id為blocked的元素設(shè)置為只讀 
$('#blocked').unblock();//解除 

您可能感興趣的文章: