亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

如何在Web頁面上模擬MsgBox效果

小樊
85
2024-06-29 21:26:37
欄目: 編程語言

要在Web頁面上模擬MsgBox效果,您可以使用JavaScript和CSS來創建一個彈窗。以下是一個簡單的示例代碼:

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>MsgBox Simulation</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <button onclick="showMsgBox()">Show MsgBox</button>
    <div id="msgBox" class="msgBox">
        <div class="msgContent">
            <p>This is a message box</p>
            <button onclick="closeMsgBox()">Close</button>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>

CSS (style.css):

.msgBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ccc;
}

.msgContent {
    text-align: center;
}

JavaScript (script.js):

function showMsgBox() {
    document.getElementById('msgBox').style.display = 'block';
}

function closeMsgBox() {
    document.getElementById('msgBox').style.display = 'none';
}

這段代碼會在頁面上顯示一個按鈕,當用戶點擊按鈕時,會彈出一個模擬的消息框。用戶可以點擊消息框中的“Close”按鈕來關閉消息框。您可以根據需要修改消息框的樣式和內容。

0
安图县| 平安县| 泸水县| 怀宁县| 闸北区| 吴桥县| 成武县| 鄂尔多斯市| 青川县| 南开区| 淮安市| 彭水| 临邑县| 乌兰县| 延吉市| 卓资县| 宜春市| 五指山市| 育儿| 石家庄市| 建湖县| 霍邱县| 丰镇市| 定襄县| 汾阳市| 洪洞县| 榆林市| 阳朔县| 潍坊市| 贡山| 蕉岭县| 鹤岗市| 昭觉县| 大连市| 宣威市| 松江区| 大新县| 方山县| 宿松县| 博白县| 安顺市|