jquery插件——页面弹出层(GreyBox)

最新推荐文章于 2024-08-09 07:15:08 发布

shellwin

最新推荐文章于 2024-08-09 07:15:08 发布

阅读量5.2k

点赞数

分类专栏： Jquery 文章标签： jquery插件 iframe stylesheet include jquery button

本文链接：https://blog.csdn.net/shellwin/article/details/5634674

版权

本文介绍了如何安装和使用jQuery Greybox插件来创建全屏弹出窗口。首先，要在<head>部分设置GB_ROOT_DIR变量并引入必要的JS和CSS文件。接着，通过GB_show方法在父页面中显示iframe页面。在iframe页面内，可以调用GB_hide方法关闭弹出窗口。文章还提到，尽管AJS_fx.js是可选的，但作者仍然选择了包含它以实现特效。最后，作者指出在弹出页面中更改'close'为中文的问题尚未解决，希望有经验的读者能提供帮助。

摘要由CSDN通过智能技术生成

一、基础安装
1.在<head></head>标签中加入如下代码：
<script type="text/javascript">
var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>
"GB_ROOT_DIR"变量是用来加载弹出层的静态文件，当然你也可以将对应的目录下载下来放在工程目录中，这里用相对路径即可，比如：
<script type="text/javascript">
var GB_ROOT_DIR = "js/jquery/greybox/";
</script>

2.附加上需要用到的js文件和css样式表文件
<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=&