當有人進入網站時彈出窗口

Question

所以基本上我想實現這樣的功能：當有人訪問我的網站時，它會通過彈出窗口歡迎他們，有兩個選項可供選擇（選擇他們想要的語言）。

它看起來像這樣：

我不確定我會怎么做，所以有人可以讓我知道如何實現這樣的事情嗎？ 謝謝！

Answer 1

這適合我。 我不知道這是不是最好的方法。

HTML：

<div id="grayout"></div>
<div id="popup">
    <button type="button" id="language1">Language 1</button>
    <button type="button" id="language2">Language 2</button>
</div>
<!-- your page HTML here -->

CSS：

    #grayout {
        position:fixed;
        height:100%;
        width:100%;
        background-color:rgba(0,0,0,.5);
    }
    #popup {
        position:fixed;
        height:50%;
        width:50%;
        background-color:white;
        left:25%;
        top:25%;
    }
    #language1 {
        position:absolute;
        top:50%;
        left:25%;
    }
    #language2 {
        position:absolute;
        top:50%;
        right:25%;
    }

JavaScript的：

    document.getElementById('language1').onclick = function() {
        document.getElementById('popup').style.display = "none";
        document.getElementById('grayout').style.display = "none";
        //selected language1 code here
    };
    document.getElementById('language2').onclick = function() {
        document.getElementById('popup').style.display = "none";
        document.getElementById('grayout').style.display = "none";
        //selected language2 code here
    };