彈出感謝信息

Question

我是一名平面設計師，對 HTML、CSS 和 Javascript 有一定的了解。 我的編碼知識有點生疏，因為我已經多年沒有開發了。

我需要為我正在開發的網站制作一條“謝謝”彈出消息。 根據我之前的知識，我知道 JavaScript 可以做到，但是沒有 JavaScript 有沒有辦法做到這一點？ 我希望該網站對於那些沒有啟用 JavaScript 的人來說也能發揮同樣的作用。

Answer 1

在這個動態網站使用越來越多的時代，如果人們想關閉 JavaScript，那么如果網站無法正常工作，那對他們來說就是他們的損失和艱難的掘金。

但是，如果您要提交表單，請執行以下任一操作：

• 您正在將其提交到另一個頁面。 只需讓此頁面在其內容中顯示感謝信息即可。
• 您正在使用 AJAX 提交它，在這種情況下，您已經需要 JavaScript，因此不必擔心人們沒有啟用它。

Answer 2

您可以使用 CSS 模態框。 例如，通過使用帶有position:fixed的div類的東西，您可以在屏幕中間的其他所有內容之上添加一個div ，從而呈現一個自定義框。 問題是您可能需要通過 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;
}