使用本地js实现页灰色（掩码）效果的示例代码
对于Web应用程序开发人员，如果用户界面正在浏览，如果后台程序处理时间较长，则用户将在网页上等待更长时间，但如果页面上没有友好提示。用户体验不是很好。用户不知道他们是否应该点击其他程序。用户不知道他们是否应该继续等待网页或点击其他页面。
现在有一个更好的互动，这是提高除尘效果。面具（）和（）揭露的框架extjs JS函数提供了一个灰色的效果，当然，jQuery提供了这灰的方法。希望他能做到
使用本机js来实现自己的灰色效果。所以我做了一个尝试。尘埃的效果实现了。在这里我只注重实现，页面的美观我没有太多的调整，所以页面不是很漂亮。代码发布在这里。
查看代码中的代码以获取代码。
新的文件
{。maskstyle
背景颜色：# b8b8b8；
Z指数：1；
滤镜：alpha（不透明度= 50）；
不透明性：0.8；
位置：绝对；
文本对齐：中心；
颜色：蓝色；
字体：黑体1em 歌体
身高：25px；
字体粗细：粗体；
溢出：隐藏；
}
功能creatmasklayer（effectitem，showtext）{
divitem = document.createelement（div）；
divitem。类名=maskstyle ；
divitem。风格。lineheight = effectitem。offsetheight +PX；
divitem innerText = showtext；
divitem宽度= effectitem.offsetwidth。风格；
divitem高度= effectitem.offsetheight。风格；
divitem顶= effectitem.offsettop。风格；
divitem左= effectitem.offsetleft。风格；
返回divitem；
}
功能setmask（）{
无功effectitem = document.getelementbyid（测试）；
无功existmaskitem = findmaskitem（effectitem）；
如果（existmaskitem）{
返回；
}
无功showtext =加载中…；
effectitem.appendchild（creatmasklayer（effectitem，showtext））；
}
功能removemask（）{
无功effectitem = document.getelementbyid（测试）；
无功maskitem = findmaskitem（effectitem）；
如果（maskitem）{
effectitem.removechild（maskitem）；
}
}
功能findmaskitem（项）{
VaR的孩子= item.children；
对于（var i = 0；i < children.length；i++）{
如果（maskstyle= = {（儿童{我}。className））
返回儿童{ }；
}
}
}
灰色的我
解释代码中什么更重要。
。maskstyle是灰色层风格
在…之间
查看代码中的代码以获取代码。
滤镜：alpha（不透明度= 50）；
不透明性：0.8；
它代表着蒙古层的透明度，和过滤器的属性与IE8浏览器兼容
z-index属性设置元素的堆叠顺序。具有较高的堆叠顺序的元素总是在下叠单元前。
ps：灰效果需要被灰覆盖到div中的元素中。