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是大写的,将其换成中文;