Cody Lindley 使用 jQuery 開發
譯: croc 
閱讀原文

ThickBox 是基于 jQuery 用 JavaScript 編寫的網頁UI對話窗口小部件. 它可以用來展示單一圖片, 若干圖片, 內嵌的內容, iframed的內容, 或以 AJAX 的混合 modal 提供的內容.

查看實例演示

特性:

• ThickBox 是用超輕量級的 jQuery 庫 編寫的. 壓縮過 jQuery 庫只15k, 未壓縮過的有39k.
• ThickBox 的 JavaScript 代碼和 CSS 文件只占12k. 所以壓縮過的 jQuery 代碼和 ThickBox 總共只有27k.
• ThickBox 能重新調整大于瀏覽器窗口的圖片.
• ThickBox 的多功能性包括(圖片,iframed 的內容,內嵌的內容,AJAX 的內容).
  • 展示單一圖片（single image）
  • 展示圖片集（multiple images）
  • 展示內嵌內容（inline content）
  • 展示被iFrame的內容（iframed content）
  • 展示AJAX內容（AJAX content）
  • 其他：教程本身還自帶了一個很酷的JS跳轉腳本
• ThickBox 能隱藏 Windows IE 6 里的元素.
• ThickBox 能在使用者滾動頁面或改變瀏覽器窗口大小的同時始終保持居中. 點擊圖片, 覆蓋層, 或關閉鏈接能移除 ThickBox.
• ThickBox 的創作者決定動畫應該因人而異, 所以 ThickBox 不再使用動畫了. 這是特性嗎? 哦, 有人說是呀.