DIV CSS 佈局教程網

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