js实现loading遮套层

[Tammeny]

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

请问这是如何实现，网上找了一早上都没找到这样的案例源码。

[wohuifude123]

引用 2 楼 tammeny 的回复:

那如果还没加载完呢?这样随时间变化好像不太好哟

随时间变化到接近最后效果，用if语句，如果登陆不成功就停止，登陆成功就显示

[Tammeny]

引用 3 楼 wohuifude123 的回复:

[quote=引用 2 楼 tammeny 的回复:]那如果还没加载完呢?这样随时间变化好像不太好哟

随时间变化到接近最后效果，用if语句，如果登陆不成功就停止，登陆成功就显示[/quote] 不一定是登陆界面呀，所有页面都得是这样点任何东西都要出现loading

[tony4geek]

你仿照 easyui

[garfieldzf]

参考

[似梦飞花]

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

[粗人-512794511]

引用 7 楼 zzgzzg00 的回复:

弹出个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来做。  这个方法应该是显示这个界面和登陆成功后隐藏这个界面时条用。

[wohuifude123]

设置透明度，随时间变化

[Tammeny]

引用 1 楼 wohuifude123 的回复:

设置透明度，随时间变化

那如果还没加载完呢?这样随时间变化好像不太好哟

[garfieldzf]

在项目中搞定了吗？