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

请问资源如图片加载之前的加载效果是怎么做的? - Web 开发 / Ajax
就是网站刚进去的时候如果资源没有下载下来。。
   
  会显示一个加载图标
   
  这效果是怎么做的啊。。。
  
  给个例子吧。

------解决方案--------------------
这个需要判断图片加载状态。用ajax的话很好判断。
在正在加载的状态下,你写一个正在加载的样式。加载完成后去掉样式就是了。
------解决方案--------------------
HTML code
<img id="imgWait" src="正在加载等待的图片路径"/>
<div id="dvAll" style="display:none">全部内容放入此div</div><!--默认隐藏-->

<script>
window.onload=function(){
  document.getElementById("dvAll").style.display="block";//显示内容
  document.getElementById("imgWait").style.display="none";//隐藏等待图片
}
</script>

------解决方案--------------------
探讨
HTML code
<img id="imgWait" src="正在加载等待的图片路径"/>
<div id="dvAll" style="display:none">全部内容放入此div</div><!--默认隐藏-->

<script>
window.onload=function(){
document.getElementById("dvAll").style.disp……

------解决方案--------------------
var id = document.ElementById('box');
id.html('<div class="loading"></div>');

$.ajax(
//
.....
id.html(data);
)
------解决方案--------------------
探讨
引用:
HTML code
<img id="imgWait" src="正在加载等待的图片路径"/>
<div id="dvAll" style="display:none">全部内容放入此div</div><!--默认隐藏-->

<script>
window.onload=function(){
document.getElementById("……