jQuery 模態(tài)窗口插件幫助網(wǎng)站開發(fā)人員顯示網(wǎng)頁中的特定內(nèi)容，讓用戶聚焦到這個地方。模態(tài)窗口是嵌入到當(dāng)前網(wǎng)頁中，不用重定向到新網(wǎng)頁的彈出窗口。這種技術(shù)可以用在圖像畫廊，電子商務(wù)網(wǎng)站，登陸框，電子郵件注冊，表單等場合。jQuery Modal（模態(tài)窗口）插件可以讓用戶專注于內(nèi)容。
在這篇文章中，我們收集了15款最好的 jQuery 模態(tài)窗口插件，將幫助你在你的 Web 應(yīng)用中實(shí)現(xiàn)模式窗口。如果你知道任何其它的 jQuery 模態(tài)插件，不要忘記在下面發(fā)表評論，我們將非常樂意傾聽您的意見。
Remodal 是一個扁平化，響應(yīng)式，輕量，快速，容易定制的模態(tài)窗口插件。使用聲明式狀態(tài)符號和哈希（Hash）跟蹤。所有現(xiàn)代的瀏覽器都支持。您可以輕松地定義為模態(tài)窗口定義背景容器（如模糊效果）。
Pop Easy 這款 jQuery 插件用于快速創(chuàng)建定制的模態(tài)窗口，非常輕量，支持顯示任何的 HTML 元素，包括視頻。默認(rèn)的模態(tài)窗口有一個好看的界面，你可以根據(jù)需要自己修改。
這是一個簡單的模態(tài)彈出框插件。在后臺加載完 HTML 之后，會從從瀏覽器窗口頂部彈出。是加載網(wǎng)頁表單，內(nèi)容，用戶的反饋信息，多媒體和其他任何風(fēng)格的內(nèi)容的簡單方法。
Custombox 是基于 CSS3 過渡功能實(shí)現(xiàn)的 jQuery 模式窗口插件。有許多效果，如淡入，滑動，模糊，翻轉(zhuǎn)，旋轉(zhuǎn)等等很多效果。
Simple Modal 是一個用來創(chuàng)建模式窗口的小插件。它可以被用來顯示提示框或確認(rèn)框，只需要幾行代碼。
Boxer 是一個用來實(shí)現(xiàn)燈箱式模態(tài)的圖片展示的快速和簡單的方法，可以使用內(nèi)嵌的內(nèi)容或 iframe 內(nèi)容。
jQuery.fluxoModal 這款 jQuery 插件用于實(shí)現(xiàn)類似于 Lightgox 的效果。它可以突出顯示任何類型的 HTML 元素，使用 HTML5 畫布，CSS3 動畫實(shí)現(xiàn)模糊背景效果，在低版本的 IE 瀏覽器優(yōu)雅降級。
Reveal 是一款很棒的 jQuery 模態(tài)彈出窗口插件，因?yàn)樗苋菀讓?shí)現(xiàn)，兼容現(xiàn)代瀏覽器。設(shè)置 Reveal 模態(tài)彈出只需要三個簡單的步驟。
jQuery Superbox！是另外一款 jQuery 彈窗插件，它允許你顯示窗口的燈箱效果，可以顯示圖片，圖片畫廊，外部頁面，一個頁面元素，甚至 Ajax 加載內(nèi)容。
Bootstrap Image Gallery 支持和觸摸，響應(yīng)式的，可定制的圖像和視頻畫廊。它使用 Bootstrap 框架的模態(tài)對話框顯示圖像和視頻，支持鼠標(biāo)和鍵盤導(dǎo)航，過渡效果，支持全屏和點(diǎn)播內(nèi)容。
Magnific Popup 是一個免費(fèi)的響應(yīng)式的 jQuery 燈箱插件，專注于性能，為用戶在任何設(shè)備提供最佳體驗(yàn)。多數(shù)燈箱插件需要您通過 JS 選項(xiàng)來定義它的大小，這款插件不需要，你可以使用相對單位（比如 em）或者借助 CSS 媒體查詢。
Avgrund.js 這款 jQuery 插件用于模態(tài)框和彈出窗口。它使用有趣的技術(shù)在彈出窗口和頁面之間顯示深度，充滿立體感。適用于所有的現(xiàn)代瀏覽器，并優(yōu)雅地降級支持那些不支持 CSS 過渡和轉(zhuǎn)換的瀏覽器。
LeanModal 是一個簡單的 jQuery 插件，用于實(shí)現(xiàn)模態(tài)窗口。它是專為小的對話框，提示和面板等需要使用模式窗口的場合打造的。專門用來處理隱藏的內(nèi)容，并且不應(yīng)用任何樣式給目標(biāo)元素。
The Modal 這款 jQuery 插件用來實(shí)現(xiàn)類似 Facebook 和 vk.com 的照片模態(tài)的模態(tài)框。您可以通過使用自定義數(shù)據(jù)填充它，按你想要的方式，支持 ESC 鍵關(guān)閉（默認(rèn)啟用）。
modalBox.js 是一款輕量的模態(tài)窗口插件，只有最常用的功能和選項(xiàng)。它的整體大小大約為5.3kb的（壓縮后2.5kb）。您可以根據(jù)您的需要輕松地?cái)U(kuò)展它。
英文鏈接：15 Best jQuery Modal Plugins for Developers
編譯來源：夢想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計(jì)資源
