CSS 或 Javascript：自定义弹出窗口

Question

我想制作自定义弹出窗口，例如 Quora 在单击按钮时所做的：

我该怎么做？我不知道使用 CSS 或 javascript 来做到这一点，所以我把问题的标题放在上面。

谢谢:)

Answer 1

由于您没有代码，我无法建议您更改已有的代码。谷歌搜索你的问题会找到数百个代码示例。

作为高级答案，您需要：

1. 为您的弹出窗口标记html，用css隐藏

2. 某种触发器触发 javascript 函数来改变弹出标记的隐藏状态（如删除 hidden 类）

另一种选择是：

1. 触发时将所需的 html 标记注入页面的触发器，然后在完成任何目的时销毁标记。 （但在拆卸时要注意内存问题）

Answer 2

这是您在 Javascript 中用于打开新窗口的代码行。新窗口可以拥有自己的 CSS，因此可以自定义。

window.open("./mypages/mypage.html", "_blank", "toolbar=no, scrollbars=yes, resizable=yes, top=50, left=500, width=740, height=900");

新页面是 mypage.html。 它位于顶部：50 和左侧：500。 它的高度是900px，宽度是740px。