如何在Web页面上模拟MsgBox效果

要在Web页面上模拟MsgBox效果，您可以使用JavaScript和CSS来创建一个弹窗。以下是一个简单的示例代码：

HTML：

    
    


    Show MsgBox
    

        

            
This is a message box
            Close
        
    
    

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”按钮来关闭消息框。您可以根据需要修改消息框的样式和内容。