，是一个jQuery插件。它的功能是弹出对话框、网页，让用户体验更愉快。这里我们将简要介绍它的用法。

发表声明：这只是个人总结。

准备：你需要三个文件：thickbox.js，thickbox.css，jquery.js，你可以上网

具体使用：

第一步：介绍这三个文件到你要使用的页面，

复制代码代码如下所示：









第二步：一般使用简单是添加样式的标签和按钮：类=，

也正是通过函数调用的，称为，如tb_init（），tb_show（）；见下文。

几种不同用途：

1。单击显示图片：



好的，这就是做这件事的方法。

2。单击按钮或链接：

复制代码代码如下所示：



显示隐藏的模态内容。







这是一个非模式对话框。









这是一个对话框。









注意：使用ThickBox或按钮添加# tb_inlineheight = 300width = 400 给你，# tb_inline Thickbox和宽度高度固定的用法，是显示尺寸参数弹出对话框，inlineid是一个标签或组件要显示的模式和非模式的选择，当然，你也可以很多参数自定义

3、在项目中更常用的是加载表单页面，比如在同一个列表页面上添加和编辑页面。在这一点上，我们可以添加和编辑，形式。



如何做同样的，添加链接，添加样式：

新添加的

前提是你必须做的页面（添加。shtml）要显示并指定要显示的页面的大小

与编辑器相同的是：首先提取原始信息，然后让用户修改：



相同的代码是相同的：

复制代码代码如下所示：

编辑



4。可以定位到需要使用ThickBox的元素，不使用样式，可以使用的功能，如：

复制代码代码如下所示：









$（函数（）{（））

tb_init（# piclist一{ IMG }）；}）；



5。通过加载的AJAX页面、风格的，失败的，和解决方案：

只要在Ajax中加载HTML，并在更新到页面之后，就执行以下代码：

tb_init（'，'）；

6。自定义函数调用：

点击缩略图显示图片，但在大图中，URL缩略图URL后缀前缀s：

复制代码代码如下所示：









$（函数（）{（））

$（# piclist IMG）。Click（function（）{）

tb_show（

}）；}）；



此外，如果你想使用其它的事件，你也可以改变点击你想触发的事件。



支持的浏览器：

Windows IE 6、IE 7 + Windows，Windows FF 2.0.0.6 + Windows Opera 9以上。但根据我的使用，IE6仍然是个问题！