日常练习(布局)

原创 2018年04月16日 00:29:36

我想要达到页面的效果:


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

下面是我的源代码:



以下是我的css部分:


以下是我的js部分:



浏览器中效果:

点击“点击设置”后:


就可以更改div的样式了:


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

如何绘制UML活动图

如何绘制UML活动图Scott W. Ambler(本文转载自软件工程专家网www.21cmm.com)  UML 活动图记录了单个操作或方法的逻辑,单个用户案例,或者单个业务流程的逻辑。要创建一个 ...
  • gigix
  • gigix
  • 2002-03-13 09:21:00
  • 4022

NCRE上机模拟软件

  • 2008年08月31日 21:56
  • 19.44MB
  • 下载

一级培训\配套练习\NCRE上机模拟系统(公益版4套)

  • 2011年04月02日 09:19
  • 4.36MB
  • 下载

python日常练习爬取5imm图片

python日常练习爬取5imm图片#coding:utf8 import urllib,urllib2 import time import re import randomregex=re.com...
  • huayanqiaq
  • huayanqiaq
  • 2016-10-08 21:48:55
  • 252

Linux基本命令练习(1)

参考实验楼课程Linux命令实例练习 ls 命令: ls 命令是 linux 下最常用的命令,ls 命令就是 list 的缩写。 ls 用来打印出当前目录的清单。如果 ls 指定其他目录,那么就会显示...
  • u013166622
  • u013166622
  • 2016-05-03 23:48:21
  • 446

日常练习题目

  • 2014年02月14日 17:30
  • 28KB
  • 下载

[c++,小练习] 日常小程序_2

算法课上小程序编程练习
  • inuyasha1027
  • inuyasha1027
  • 2014-11-27 12:40:12
  • 393

python日常练习(文件简单操作)

前几天学习了文件,借此机会来练练手,平常学习python都是只看书,大脑中有大体掌握的感觉,今天敲了代码发现相形见绌,漏洞百出。。。借双11来上传我的第一篇python博客,也好平复一下浮躁的心情(现...
  • c_circle
  • c_circle
  • 2017-11-11 21:43:32
  • 65

DIV+CSS首页布局练习

新建外部样式, html中设置表示文件格式,在加入 引入外部css链接 最先布局一个最外面的层,设置宽度960像素,临时高度800像素和背景颜色 布局整个body体 ,所有外边距和内填充变成...
  • Abenazhan
  • Abenazhan
  • 2017-05-31 10:53:17
  • 644

flex布局练习

虽说对flex布局这种布局方式有听说,但还是第一次深入的去了解,有种相见恨晚的感觉。 flexbox的出现是为了解决复杂的web布局,因为这种布局方式很灵活。容器的子元素可以任意方向进行排列。此属...
  • konglei1996
  • konglei1996
  • 2016-03-19 14:54:05
  • 596
收藏助手
不良信息举报
您举报文章:日常练习(布局)
举报原因:
原因补充:

(最多只允许输入30个字)