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。