Thickbox的使用

最新推荐文章于 2025-08-19 08:41:01 发布

weixin_33874713

最新推荐文章于 2025-08-19 08:41:01 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sys/archive/2009/04/17/1437949.html

1、父页面添加引用

Code
      <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、父页面添加如下链接地址：

也可以在上面拼接参数

修改：

thickbox 弹出层的遮住层透明度修改

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

关闭层：

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

关闭层刷新父页面：

修改：thickbox.js

添加如下函数：

Code
// 刷新打开本窗口的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);

转载于:https://www.cnblogs.com/sys/archive/2009/04/17/1437949.html