html - 如何使用最小化等创建 HTML5 弹出窗口

Question

我真的是 HTML 和 CSS 的新手，但已经创建了一个原型(prototype)页面以获得合理的尺寸、外观和感觉以适应 768x1024 或更大的显示器。我修改了它以在横向模式下使用，但很明显它不适合典型的浏览器窗口，即使在我的最小高度和宽度标准的全屏模式下也是如此。该页面不包含文本；只是按钮、复选框、文本和文本区域“小部件”。我认为如果只有一个带有最小化和关闭按钮的顶部“标题”栏但没有所有其他“东西”，如导航栏、工具栏等，我可以调整大小并使其适合窗口。在典型的浏览器中找到。

我确实使用了几个这样的网络应用程序，所以我知道这是可能的。我在 Google 上搜索了示例并找到了弹出窗口，但没有一个是这样的。

我的问题是:我该怎么做，最好不用 javascript，这种类型的窗口叫什么？

Answer 1

这应该有助于最小化:Is there a good jQuery plugin for a hide effect that looks like minimizing windows in Windows

您将不得不包含来自 http://www.jquery.com 的 jQuery并在单击要最小化的窗口时调用此动画脚本。

这将帮助您完成“关闭”。

https://api.jquery.com/hide/

当您点击一个元素时，您可以对其调用 .hide()，从用户的 Angular 有效地关闭它。