日期:2014-05-16  浏览次数:20440 次

js实现loading遮套层
比如登陆界面,点击登陆之后就淡入loading的遮套层,暗灰色透明,背景依然是登陆界面,直到登陆成功已完全打开所跳转的网页了,loading遮套层才淡出。

请问这是如何实现,网上找了一早上都没找到这样的案例源码。
JavaScript 遮套层?loading

------解决方案--------------------
弹出个div  设置div的背景色及透明度
当加载完成后remove这个div试试
至于淡入淡出通过setTimeout 或者setInterval改变透明度试试
------解决方案--------------------
引用:
弹出个div  设置div的背景色及透明度
当加载完成后remove这个div试试
至于淡入淡出通过setTimeout 或者setInterval改变透明度试试



就是这个原理

.test{
width:100%;
height:100%;
position:absolute;
background-color:#5c5c5c;
z-index:100;
display:none;
filter:Alpha(Opacity=40,finishOpacity=40,style=0,startX=100,startY=100,finishX=100,finishY=100);
}
这个是你说的灰色透明的背景,透明度什么的可以在那个滤镜中修改。
至于你说的淡入淡出效果就用setTimeout来做。  这个方法应该是显示这个界面和登陆成功后隐藏这个界面时条用。