JavaScript 自制模态对话框

最新推荐文章于 2024-02-05 02:38:00 发布

VIP文章 vastli

最新推荐文章于 2024-02-05 02:38:00 发布

阅读量4.2k

点赞数 2

分类专栏： JavaScript 文章标签：对话框 javascript

本文链接：https://blog.csdn.net/vastli/article/details/68947031

版权

预备知识：

HTML CSS：
position；opacity；z-index；margin......
JS:

document.getElementById('id1').classList.remove('hide');
document.getElementById('id1').classList.add('hide');

完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1{
           position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #0f0f0f;
            opacity: 0.5;
            z-index: 9;
        }
        .c2{
            width: 500px;
            height: 400px;
            background-color: #f9f9f9;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-top

最低0.47元/天解锁文章

vastli

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
JavaScript 自制模态对话框

预备知识：HTML CSS： position；opacity；z-index；margin...... JS:document.getElementById('id1').classList.remove('hide');document.getElementById('id1').classList.add('hide');完整代码：<!DOCTYPE html><html lang=
复制链接

扫一扫