遮罩层和被遮罩层的关系，一个遮罩层如何遮罩多图层

本篇文章给大家谈谈遮罩层和被遮罩层的关系，以及一个遮罩层如何遮罩多图层对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

导入一张图片做为背景

在图层1的30帧插入关键帧注：30帧随意都行

插入一个图层，把除第一帧外其他帧删除掉，只留下第一帧

选择图层2第一帧，用椭圆公工具画两个圆形

在图层2的30帧插入关键帧

选择好图层2的30帧用移动工具把画好的两个圆移动到右上角如图

在图层2的15帧左右创建补间动画如图

图层2——遮罩层如图

按ctrl+回车运行看看

打开电脑，启动flash，新建600*400的大小，帧频为12fps，背景颜色为白色的文档。

执行文件-导入袭-导入到库命令，导入一张风景图片，设置大小为600*400，x为0，y为0。

在100帧处插入帧，新建图层2，选择第一帧绘制一个正圆形。

依次在25,50,75,100帧处插入关键帧，并依次设置圆形所在的位置。

在相邻的关键帧之间，创建传统间动画，设置图层2为遮罩层。

执行文件-导出-导出影片命令，选择gif动画格式，将文件导出到桌面上。

首先，打开flash。选中矩形工具——设定颜色——在舞台中拖出一矩形图案。

锁定图层1，并新建图层2.选中椭圆工具——颜色任意——在舞台上拖出圆形图案。

在图层2第50帧插入关键帧——选中第一帧——右键——创建补件动画。并在图层1第50帧处插入帧。

选中图层2.选中选择工具，在第一帧处将圆左移，在第50帧处将圆右移。

仍选中图层2，右键，选择遮罩层。

控制——测试影片即可。

首先在pr中点击【修改】。

然后点击修改的【时间轴】。

再选择时间轴的【图层属性】。

最后选择图层属性的【遮罩层】即可开启。

打开这个网站,看到了遮罩层遮挡了全屏,右键打开检查元素,给出网页截图,这个破网页完全被广告覆盖,网页正文内容根本无法查看和点击!而且大家可以看到,我没有安装任何的广告屏蔽插件,不是我浏览器配置的锅!

右键检查元素,看到了右边的网页信息,先点击小箭头,左键选中整个网页,再次在右侧网页信息中右键点击选中的网页源码,弹出菜单选择EditAttribute(对象特征)

这是项目的对象特征会被选中,格式如id="none",也可以display='block'也可以display='none'.这里我们就输入none就完成了设置.这是右侧遮罩层便会消失

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://XXX.w3.YYY/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://OOO.w3.XXX/1999/xhtml"><head><title>DIVCSS遮罩层</title><scriptlanguage="javascript"type="text/javascript">functionshowdiv(){document.getElementById("bg").style.display="block";document.getElementById("show").style.display="block";}functionhidediv(){document.getElementById("bg").style.display='none';document.getElementById("show").style.display='none';}</script><styletype="text/css">#bg{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70);}#show{display:none;position:absolute;top:25%;left:22%;width:53%;height:49%;padding:8px;border:8pxsolid#E8E9F7;background-color:white;z-index:1002;overflow:auto;}</style></head><body><inputid="btnshow"type="button"value="Show"onclick="showdiv();"/><divid="bg"></div><divid="show">测试<inputid="btnclose"type="button"value="Close"onclick="hidediv();"/></div></body></html>

关于遮罩层和被遮罩层的关系和一个遮罩层如何遮罩多图层的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。

声明：信息资讯网所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，版权归原作者东方体育日报所有。若您的权利被侵害，请联系删除。

本文链接：http://www.gdxhedu.com/news/72906.html

遮罩层和被遮罩层的关系，一个遮罩层如何遮罩多图层

相关推荐