关于loading图标的处理方法
2011-06-13 10:38
218 查看
很多采用JS方式的RAI页面,装载时间比较长,为了解决等待的问题,页面点开的时候实现显示一个LOADING图标,然后加载数据之类的,最后全部加载完成了,取消LOADING图标。
解决方法:
1.在页面开始的时候
增加两个层:
<div id="loading-mask" style=""></div>
<div id="loading">
<div class="loading-indicator"><img src="resources/extanim32.gif" width="32" height="32" style="margin-right:8px;" align="absmiddle"/>Loading...</div>
</div>
loading-mask是一个盖住所有页面元素的层,z-index设置成很高,就可以掩盖所有层。
loading层是显示一个LOADING的图标。
#loading-mask {
background-color:white;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:20000;
}
#loading {
height:auto;
left:45%;
padding:2px;
position:absolute;
top:40%;
z-index:20001;
}
2.在所有页面都装载完成以后,释放这两个层
setTimeout(function(){
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
}, 250);
from:http://www.cnblogs.com/barryhong/archive/2009/08/07/1541150.html
解决方法:
1.在页面开始的时候
增加两个层:
<div id="loading-mask" style=""></div>
<div id="loading">
<div class="loading-indicator"><img src="resources/extanim32.gif" width="32" height="32" style="margin-right:8px;" align="absmiddle"/>Loading...</div>
</div>
loading-mask是一个盖住所有页面元素的层,z-index设置成很高,就可以掩盖所有层。
loading层是显示一个LOADING的图标。
#loading-mask {
background-color:white;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:20000;
}
#loading {
height:auto;
left:45%;
padding:2px;
position:absolute;
top:40%;
z-index:20001;
}
2.在所有页面都装载完成以后,释放这两个层
setTimeout(function(){
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
}, 250);
from:http://www.cnblogs.com/barryhong/archive/2009/08/07/1541150.html
相关文章推荐
- 关于loading图标的处理方法
- 关于android图标美工设计尺寸与处理方法
- 关于桌面图标后缀全部变成.lnk(WIN7系统电脑除了计算机,网络,回收站以外(包括开始菜单)的图标全都变成后缀为.lnk的文件)的处理方法
- 关于android图标美工设计尺寸与处理方法
- 关于开机右下角任务栏不显示音量图标 电池图标问题的处理方法
- 桌面图标变蓝底处理方法
- oracle 中oci 关于null 的处理方法
- 4 关于数据仓库维度数据处理的方法探究系列——缓慢变化维处理——覆盖方式
- 关于mysql处理百万级以上的数据时如何提高其查询速度的方法
- 关于mysql处理百万级以上的数据时如何提高其查询速度的方法
- 关于 Java源文件带有package的普通程序和Applet编译和运行时错误的处理方法
- ie6.0中关于动态改变html中select标签中option的处理方法
- 关于div的设置:display:inline-block出现div对不齐的情况处理方法·
- 关于RDLC子报表添加参数 错误“本地报表处理期间出错 。值不能为空。 参数名:value” 错误解决方法
- 关于iPhone的点击事件绑定无效的处理方法
- 关于MySQL数据库的中文处理:支持UTF-8的设置方法
- 关于委托、事件、处理事件的方法以及.NET 续一个实例
- 关于session不能自动去除的临时处理方法(转载)我一直没用SESSI
- 关于分层窗口文字输出透明的处理方法
- iOS关于App上线构建版本一直正在处理的解决方法