Javascript 弹出感谢信息

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

---

我需要做一个“谢谢你”的网站，我正在开发弹出消息。根据我以前的知识，我知道JavaScript可以做到这一点，但是没有JavaScript有什么方法可以做到这一点吗？我希望这个网站对那些没有启用JavaScript的人也能起到同样的作用。

在这个动态网站使用日益增多的时代，如果人们想关闭JavaScript，那么这就是他们的损失，如果网站不能正常工作，那对他们来说是一块硬块

但是，如果您要提交表单，请执行以下任一操作：

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

---

在这个动态网站使用日益增多的时代，如果人们想关闭JavaScript，那么这就是他们的损失，如果网站不工作，对他们来说是一块难料

但是，如果您要提交表单，请执行以下任一操作：

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

---

您可以使用CSS模式框。例如，通过将

div

与

position:fixed

一起使用，您可以将

div

添加到屏幕中间的所有内容之上，从而呈现自定义框。问题是您可能需要通过javascript控制div样式。您也可以使用CSS框重定向到另一个页面

---

我认为用javascript这样做很好。也许flash会有点问题。HTML5现在甚至更糟糕。
您可以使用CSS模式框。例如，通过将

div

与

position:fixed

一起使用，您可以将

div

添加到屏幕中间的所有内容之上，从而呈现自定义框。问题是您可能需要通过javascript控制div样式。您也可以使用CSS框重定向到另一个页面

---

我认为用javascript这样做很好。也许flash会有点问题。HTML5现在甚至更糟糕。
如上所述，您可以使用CSS创建一个模式。使用覆盖类并将其可见性设置为在屏幕上显示或隐藏，将其背景色属性更改为所需的纯色并降低不透明度

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

---

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

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