创建一个叠加弹出框

我想创建一个窗口内弹出框，用半透明的黑色叠加层使整个窗口变暗，并且中间有一个弹出窗口，提醒用户有关于某事的信息。我见过像这样的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

回答