如何实现遮罩层
实现遮罩层
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术: Dreamweaver /遮罩层
作者:戴伟雄
撰写时间:2019年2月15日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
如何实现一个遮罩层的效果。
我们可以用遮罩层和用户进行一些互动之类的功能。
先是一个按钮。
然后下面就是一个大div设置大div覆盖全屏再设置透明度,然后我里面一个p标签,设置大小、位置、背景、类容等。
给大div设置隐藏
这边用js获取到按钮还有span标签的那个×用来关闭遮罩层还有大div就是整个遮罩层。
给按钮标签和span标签设置点击事件进行遮罩层的打开和关闭。
这样一个遮罩层就完成了呢