複製代碼 代碼如下:
<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();//解除
