2011-12-23 60 views
2

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

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

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

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

謝謝!

+2

這是一個模式窗口,您將在Google上獲得大量幫助:http://www.google.com/search?q=html+modal+window – Jasper 2011-12-23 23:04:16

回答

1

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

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

+0

謝謝!將檢查出... – Ryan 2011-12-23 23:57:37

3

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

+0

謝謝!請問Google吧! – Ryan 2011-12-24 00:01:45

1

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

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

+0

有沒有「滾動你自己」的例子? – Ryan 2011-12-23 23:57:17