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);

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!