第一步: 将下面的添加到<head></head>中间
<script type="text/javascript">
var GB_ROOT_DIR = "./greybox/";
</script>
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="static_files/help.js"></script>
<link href="static_files/help.css" rel="stylesheet" type="text/css" media="all" />
注释:GB_ROOT_DIR 是绝对路径
第二步: 将你要链接输入
<a href="http://www.baidu.com/" title="百度" rel="gb_page_center[640,480]">Launch baidu.com in fullscreen window</a>
上面的大家应该看得懂吧,第一href就是链接的地址,第二title就是标题,第三 rel就是让我们控制弹出的大小。
效果如下:
greybox下载地址 http://orangoo.com/labs/GreyBox/