华容百度爱采购网站推广电话、华容百度爱采购广告收费标准多少钱、华容百度爱采购代理服务商找哪家好、华容百度爱采购会员费一年需要多少钱、华容百度爱采购商家服务如何推广【华容百度爱采购广告推广咨询服务】

发表日期： 2020-08-01 13:50:58 浏览次数：87

华容，在我国，表示三个地区都有“华容”的简称。湖南省岳阳市华容县、湖北省鄂州市华容区、湖北省鄂州市华容区华容镇。

现在大部分的网站，在我们点开一些活动页面是都会弹出一个类似领取红包，奖品等活动信息。也就是一个遮罩层，而实际上这遮罩层就是由简单的css来实现的。在这里为了演示遮罩层的效果会添加简单的js，模拟页面中弹出红包的遮罩效果。

工具/原料

电脑
网页编辑器

css遮罩层的实现

第一步：新建一个html页面
页面中先做出一个【领红包】的按钮，如图（图中左侧是效果右侧是代码），点击这个按钮就会弹出一个红包的活动消息，即我们要的遮罩效果
第二步：做出遮罩层
遮罩层的作用就是将层后面的内容都遮住，覆盖全屏，所以：
宽高都设为：100%；
位置 position：absolute；left：0； top:0;
背景色一般都设为透明的 background: rgba(0,0,0,0.5);
层的顺序 z-index:100; (设置一个比较大的数值)
第三步：做出遮罩层上的内容
1、在遮罩层上添加活动效果图
2、关闭活动信息弹出框的【关闭】按钮
注意:遮罩层上的内容也要添加上z-index且数值要比遮罩层的大，z-index:101
如图（左侧效果，右侧代码）
第四步：用js实现遮罩效果演示
首先我们看到的页面上是没有遮罩层的，只有一个【领红包】的按钮在页面中；
然后我们点就【领红包】按钮，就弹出遮罩效果；再要关闭遮罩层时点击右上角的关闭按钮，就退出了遮罩成的活动信息。具体操作如下：
1、将遮罩层隐藏起来 display：none；
2、点击【领红包】时，遮罩层显示 display：block;
3、点击关闭按钮，遮罩层消失 display：none；
如图

牛津经济研究院《数字溢出，衡量数字经济真正影响力》报告中指出，过去三十年中，数字技术投资每增加一美元，便可撬动GDP增加20美元；而1美元的非技术投资仅能推动GDP增加3美元，数字技术的投资平均回报是非数字技术投资的6.7倍。对于各地方省市，未来如何实现新旧动能转换和产业升级转型，成败的关键就在于数字经济。

近日，在河南省郑州市举行的“2020创新数据基础设施峰会”上，来自河南省政府、华为、黄河信产、文思海辉、郑州大学第一附属医院、河南移动等产业界各方代表，围绕新基建、数据基础设施等热门话题，共同探讨了数字经济的未来，

随着会上一系列合作协议的签署，以及数据基础设施生态的持续打造，河南有望进一步打开数字经济发展的新局面。

上一页：湘阴百度爱采购网站推广电话、湘阴百度爱采购广告收费标准多少钱、湘阴百度爱采购代理服务商找哪家好、湘阴百度爱采购会员费一年需要多少钱、湘阴百度爱采购商家服务如何推广【湘阴百度爱采购广告推广咨询服务】

下一页：慈利百度爱采购网站推广电话、慈利百度爱采购广告收费标准多少钱、慈利百度爱采购代理服务商找哪家好、慈利百度爱采购会员费一年需要多少钱、慈利百度爱采购商家服务如何推广【慈利百度爱采购广告推广咨询服务】

​华容百度爱采购网站推广电话、华容百度爱采购广告收费标准多少钱、华容百度爱采购代理服务商找哪家好、华容百度爱采购会员费一年需要多少钱、华容百度爱采购商家服务如何推广【华容百度爱采购广告推广咨询服务】

工具/原料

css遮罩层的实现

华容百度爱采购网站推广电话、华容百度爱采购广告收费标准多少钱、华容百度爱采购代理服务商找哪家好、华容百度爱采购会员费一年需要多少钱、华容百度爱采购商家服务如何推广【华容百度爱采购广告推广咨询服务】