thickbox是基于JQ寫的UI對話窗口小部件. 它可以用來展示單一圖片, 若干圖片, 內嵌的內容, iframed的內容, 或以?ajax 的混合modal 窗口！功能非常強大，我在項目中也在不少地方應用到！

http://www.harborhousehome.com/Product/6/100095.html

點擊圖片下面的白色小圖標就可看見效果！

目前最新版應該是3.1，官方演示及教程地址為http://jquery.com/demo/thickbox/，了解JQ插件的人不用我介紹了吧，然而這里只是介紹了簡單的應用，在某些時候我們需要手動去打開一個窗口，那怎么做呢？

分析thickbox源碼就可以看出，它是使用tb_show()來彈出的，我們也可以單獨調用它

?

先試試效果

?

JavaScript代碼

function?prompt()?{???? ??

????tb_show("HarborHouse",?"http://www.harborhousehome.com?TB_iframe=true&height=550&width=900",?false);???? ??

}??????

?

第一個參數為該彈出層的標題,第二個是彈出層嵌套網頁的URL，第三個是是否是顯示一組圖片 ,如A標簽里用了rel（rel：多圖集合的rel屬性，不是圖集就直接傳遞false）；

如果要移除彈出框，在彈出框的內部這樣寫：window.parent.tb_remove();

如果要彈出窗口成模態，那么加一個參數modal=true,

TB_iframe參數為是否內嵌框架彈出！這樣可以在彈出窗口內部做頁面跳轉了！

轉載于:https://www.cnblogs.com/51jquery/archive/2008/11/09/1329990.html

總結

以上是生活随笔為你收集整理的jquery插件之thickbox的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。