創建一個疊加彈出框

我想創建一個窗口內彈出框，用半透明的黑色疊加層使整個窗口變暗，並且中間有一個彈出窗口，提醒用戶有關於某事的信息。我見過像這樣的ATT網站創建一個疊加彈出框

，如果你點擊的順序現在按鈕，它會給一個彈出和變暗整個窗口。我知道很少的JavaScript（接近0），我目前正在使用Rails找到答案。有沒有人知道一個快速的方法來實現這種效果？

2010-08-25 denniss

試試這個http://goo.gl/ZE21u3 – 2014-10-13 06:19:33

如果您使用的是原型，並且不想自己推出，請查看優秀的http://www.nickstakenburg.com/projects/lightview/。請注意，它會花費你50塊錢，但它可能是我見過的最好的實現

如果你不介意包括jquery，我通常使用http://defunkt.github.com/facebox/當我需要類似的功能。

2010-08-25 02:01:15

這工作完美無瑕。 – denniss 2010-08-25 05:32:46

這被稱爲燈箱廣告，並且可以只用CSS來完成（但如果你想它激活的onclick則需要JavaScript）。

2010-08-25 01:59:24 Tom

還有一些解決方案是專門針對rails的，也就是說。 http://code.google.com/p/rb-lightbox-plugin/。 – Tom 2010-08-25 02:01:03

但這應該是針對對話框的。當我在看lightbox時，我認爲這個實現最適合用於圖像？讓我知道如果我錯了。 – denniss 2010-08-25 02:05:28

我們當然可以不同風格的燈箱，這取決於你。只需將表單放入其中，它們在功能上就是等同的。 – Tom 2010-08-25 02:54:11

回答