弹出一个遮罩层有正在加载效果的文字

在这个美丽的网页世界中，我们有两个神秘的遮罩层，它们如同舞台上的幕布，随时准备揭开精彩的内容。让我们先来了解一下这两个遮罩层的基本信息。

第一个遮罩层名为“cover”，它像一片宽广的幕布，将整个舞台——也就是我们的网页主体部分覆盖。它的宽度和高度都达到了百分之百，就像一位慷慨大方的巨人，毫不吝啬地展现自己的身躯。背景色则是半透明的黑色，给人一种朦胧而又神秘的感觉。虽然它静静地躺在那里，但随时准备为我们带来惊喜。

而第二个遮罩层名为“coverShow”，它更为独特。它居中显示，就像一颗璀璨的明珠镶嵌在舞台中央。它具有自己的边框和背景色，同时提供了一个展示空间，可以放置任何你想要的内容，如图片等。想象一下，这个遮罩层就像一个移动舞台，随时准备上演精彩的表演。

这两个遮罩层都有各自的功能和用途。当点击“遮住”按钮时，两个遮罩层会同时出现，将整个网页覆盖，给人一种全新的视觉体验。弹出一个提示框，告诉我们“已经遮住，‘测试’按钮已经不起作用了”。而当我们点击“测试”按钮时，又会弹出另一个提示框，告诉我们“clicked, 遮住之前‘测试’按钮是起作用的”。这样，我们就可以根据需要自由切换遮罩层的显示与隐藏状态。

在网页的内容部分，我们看到了一个正在加载的提示信息和一个动态加载的GIF图片。同时还有一些其他的内容被这两个遮罩层覆盖。这些内容可能是重要的信息，也可能是额外的补充，但它们都被巧妙地隐藏在遮罩层之下，等待着被发现的时刻。

这两个遮罩层为我们提供了一个全新的视觉体验方式。它们不仅可以用来展示内容，还可以作为过渡效果、加载提示等用途。想象一下，当你打开一个网页时，首先看到的是一片朦胧的遮罩层，然后逐渐展示出精彩的内容，这种体验是多么的令人期待和兴奋啊！而这一切，都离不开这两个神奇的遮罩层。