Javascript：調整網頁效果

Question

有人可以告訴我，當您訪問網頁時，調用什麼「調光效果」，並且整個頁面變暗或模糊，並且圖像或形式位於屏幕？ 要查看網頁的其餘部分，您必須在屏幕中間關閉圖像或表單。

是否有一些軟件用於設置它或什麼？

我只知道這是一種使用JS的調光效果，因爲我在一些圖像庫中看到了它，但現在我在網頁上看到它越來越多（例如，當他們要求您登錄並顯示效果時登錄表單）。

任何形式的鏈接，代碼或建議的幫助將非常感激。

謝謝！

Answer 1

它被稱爲燈箱;有大量的圖書館在你的頁面上放置一個。

由於易於使用以實現特效和動畫（如this plugin），其中一些插件基於更抽象的庫（如jQuery）。

Answer 2

有幾個名稱燈箱是它的主要名稱或有人稱它爲覆蓋。

有一個在查詢http://leandrovieira.com/projects/jquery/lightbox/

Answer 3

的影響被稱爲模態對話框相當不錯的插件。它是通過添加一個半透明的<div>來覆蓋頁面（例如使用這些CSS規則：background:black和opacity:50%），然後創建另一個<div>，並在其上面創建您想要的內容。

Answer 4

有很多方法可以做到這一點。你可以使用一個燈箱，一些jQuery，或者自己推出。我通常會自己推出自己的產品，因爲我喜歡在那裏注入很多動態內容，而我似乎從圖書館看來並不是這樣。

我使用的方法是將整個頁面（jQuery的淡入淡出，或圖像疊加層或類似的）遮住，然後在不同的z-index上，我會在深色頁面上方顯示div顯示。然後填充/定位適合你的div。