您的位置: 首页 > 文章 > 日常练习（布局）

日常练习（布局）

分类: 文章 • 2025-05-11 19:45:58

我想要达到页面的效果：

日常练习（布局）

要想达到该效果，需要用到两个大的div，第二个div的起始display为none，当点击“点击设置”时，让第二个div的display变为block，就相当于一个遮罩，下面的div就不能再点击。

下面是我的源代码：

日常练习（布局）

日常练习（布局）

以下是我的css部分：

日常练习（布局）

以下是我的js部分：

日常练习（布局）

日常练习（布局）

浏览器中效果：

日常练习（布局）

点击“点击设置”后：

日常练习（布局）

就可以更改div的样式了：

日常练习（布局）

PS：我的js部分写的有些复杂，可以定义新的变量使程序简单。