HTML 中的弹出窗口答案

【问题标题】：POPUP Window in HTMLHTML 中的弹出窗口
【发布时间】：2012-12-12 18:45:29
【问题描述】：

我创建了一个页面，我需要在弹出窗口中显示一个 div。我四处搜索，只找到了我个人讨厌的window.open，因为它是一个非常丑陋的解决方案，并导致跨浏览器问题。我在网上看到浮动弹出窗口，右上角有一个黑色十字。我认为您必须创建一个 div，JS 脚本将拾取 .该 div 并将其显示在浮动窗口中。我已经搜索了很多，但找不到解决方案。我使用 Tapestry 5.3.6 。谁能告诉我如何做到这一点..？

【问题讨论】：

如果您对 JQuery 和 CSS 感到满意，您已经在问题中提到了您的解决方案。有一个包含交叉图像的 div，将其设置为隐藏。在主页上的用户操作中，定位此 div，并使用 z-index 显示它。您还可以调整 div 的大小，以便隐藏屏幕的其余部分。接下来，您处理对十字图像的点击。

标签： javascript html

【解决方案1】：

从您的描述看来，您可能正在寻找 FancyBox：

http://fancybox.net/

有很多关于如何使用这些基于 JavaScript 的覆盖类型弹出窗口的教程。 FancyBox 主页显示了很多示例。

【讨论】：

【解决方案2】：

对此有很多 javascript 解决方案。

从查看开始 Jquery UI

你想要的是一个模态窗口或对话框

【讨论】：

【解决方案3】：

Jquery Light Box

试试这个 jquery 灯箱插件，我想这就是你想要的......希望它有帮助......

【讨论】：