How to Implement ThickBox摘自http://jquery.com/demo/thickbox/#-优快云博客

本文介绍如何在网页中集成ThickBox弹窗插件。需确保页面具有有效DTD，并包含jQuery和ThickBox JavaScript文件。同时要正确设置加载动画图片路径，并引入ThickBox CSS样式文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

How to Implement ThickBox:

Before you can implement ThickBox make sure the page that invokes ThickBox has a valid DTD. This is required for ThickBox to look and function correctly.

1. ThickBox requires the jQuery JavaScript library; because of this, you will need to include the jquery.js file in the head element of your web page, followed by the thickbox.js file (NOTE: jquery.js must come first in the source order). Example below:

<script type="text/javascript" src="path-to-file/jquery.js"></script> 
<script type="text/javascript" src="path-to-file/thickbox.js"></script>

Once you have included the .js files, open thickbox.js and search for the loading image by name (loadingAnimation.gif). Once you have found it, make sure to change the image path according to its location on your own server.

2. Include the ThickBox CSS file in your web page. Example options below:

<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />

<style type="text/css" media="all">@import "path-to-file/thickbox.css";</style>

Or, open the thickbox.css file and copy and paste the styles into an existing style sheet. Be aware that the ThickBox CSS file will remove the browsers default padding and margin for all elements.

3. View the examples to learn the many different ways to use and invoke ThickBox functionality.