提问者:小点点

如何使整个网页变暗并显示浮动的交互式框?


这似乎是一个非常受欢迎的效果,网站会利用它来强行吸引用户的注意力。有不同的方法吗?是否有一些简单的JS库为每个人都使用的这种效果而构建?如何显示html并使窗口可拖动?

我刚刚开始学习Web设计,学习了w3schools关于AJAX、JS、HTML5和CSS的教程。如果有人能为我指点一些图书馆或教程的方向,我会非常感激!


共2个答案

匿名用户

我将给你一个关于这是如何工作的总结和一个可以帮助你做到这一点的脚本。

您有一个100%宽度和高度的覆盖,以及一个黑色的透明背景(位置:绝对)。因此,这是可见的(通过javascript),并在其上放置一个框,其中包含您希望在中心显示的内容。

您可以在此处找到教程:http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/(不是我的网站)

匿名用户

你说的是jQueryUI对话框,对吗?这是一个“窗口”,可以拖动。