Thickbox的使用

1、父頁面添加引用

<link href="thickbox.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script src="thickbox.js" type="text/javascript"></script>

2、父頁面添加如下鏈接地址：

<a href="Tree3Status/ParamSel.aspx? keepThis=true&TB_iframe=true&height=450&width=770" title="選擇科目" class="thickbox" </a>

也可以在上面拼接參數

修改：

thickbox 彈出層的遮住層透明度修改

.TB_overlayBG {
　 background-color:#000;
　 filter:alpha(opacity=75);
　 -moz-opacity: 0.75;
　 opacity: 0.75;
}

關閉層：

onclick="self.parent.tb_remove();"

關閉層刷新父頁面：

修改：thickbox.js

添加如下函數：

// 刷新打開本窗口的opener窗口.
function refreshOpener(){
// 可能存在frame頁面,所以要引用top窗口

　　　 var win = top.window;
　　　 try
　　　 {
　　　　　　　 // 刷新.
　　　　　　　 if(win)
　　　　　　　 {
　　　　　　　　　　 win.location.reload();
　　　　　　　 }
　　　 }
　　　 catch(ex)
　　　 {
　　　　　　　 // 防止opener被關閉時代碼異常。
　　　 }
}

// 刷新opener窗口後關閉自己。
function refreshOpenerAndCloseMe(){
　 tb_remove();
　 refreshOpener();

然後修改$("#TB_closeWindowButton").click(tb_remove);為

$("#TB_closeWindowButton").click(refreshOpenerAndCloseMe);