javascript - 弹出感谢信息

Question

我是一名平面设计师，对 HTML、CSS 和 Javascript 有一定的了解。我的编码知识有点生疏，因为我多年没有发展。

我需要为我正在开发的网站制作“谢谢”弹出消息。根据我以前的知识，我知道 JavaScript 可以做到这一点，但是没有 JavaScript 有没有办法做到这一点？我希望网站对那些没有启用 JavaScript 的人来说也能正常工作。

Answer 1

在这个越来越多地使用动态网站的时代，如果人们想关闭 JavaScript，那么如果网站无法运行，那将是他们的损失和艰难的掘金。

但是，如果您要提交表单，则：

• 您正在将其提交到另一个页面。只需让此页面显示感谢信息作为其内容的一部分。
• 您正在使用 AJAX 提交它，在这种情况下，您已经需要 JavaScript，因此不必担心人们没有启用它。

Answer 2

您可以使用 CSS 模态框。例如，通过使用divwith之类的东西position:fixed，您可以在屏幕中间添加 adiv在其他所有内容之上，从而呈现自定义框。问题是您可能需要通过 javascript 来控制 div 样式。您也可以使用 CSS 框重定向到另一个页面。

我认为在javascript中这样做很好。也许闪存会更有问题。HTML5 更糟糕，现在。

Answer 3

如上所述，您可以使用 CSS 来创建 Modal。使用覆盖类并将其可见性转换为在屏幕上显示或隐藏将起作用并将其背景颜色属性更改为所需的纯色并降低不透明度。

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0000007a;
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
}