greybox的使用方法

1. 官网 http://orangoo.com/labs/GreyBox/

2. 在<header></header>中引用    

    <script type="text/javascript">
        var GB_ROOT_DIR = "/js/greybox/";
    </script>
    <script type="text/javascript" src="/js/greybox/AJS.js"></script>
    <script type="text/javascript" src="/js/greybox/AJS_fx.js"></script>
    <script type="text/javascript" src="/js/greybox/gb_scripts.js"></script>
    <link href="/js/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

3. onclick事件调用:

   官网有详细,待整理..

4. 链接rel直接调用:

<a href="http://google.com/" title="Google" rel="gb_page_center[640, 480]">Launch google.com in a 640x480 window</a>

<a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a>

官网有详细,待整理..

5. 关闭当前弹窗

Response.Write("<script>parent.parent.GB_hide();</script>");//关闭当前窗口

6.关闭当前弹窗,同时刷新父窗口

Response.Write("<script>parent.parent.location.reload();parent.parent.GB_hide();</script>");
    <script language="javascript">
        function reloadPage() {
            parent.parent.location.reload();
            parent.parent.GB_hide();
        }
    </script>

7. 提交并关闭窗口:

                //有框架的情况(IFRAME)
                Response.Write("<script language=javascript>parent.parent.document.forms(0).submit();</script>");
                //无框架的情况
                Response.Write("<script language=javascript>top.window.document.forms(0).submit();</script>");

8. 弹出页关闭按钮显示的是英文Close,如果想改成中文在
  gb_scripts.js中查找Close,注意C是大写的,将其换成中文;

版权声明:本文为博主原创文章,未经博主允许不得转载。

原文地址:https://www.cnblogs.com/ful1021/p/4804456.html