MangoDQ 2016-07-20 16:20 采纳率: 20%
浏览 1169

简单loading的实现问题

首先说一说思路,然后再说遇到的问题。
在要加载的页面上写上一个层作为loading层,样式就不写了

 <div id="loading">
         <img src="photos/1.gif">//loading的动态图
 </div>

这样进入页面后就可以显示loading。
在js中的window.onload事件中将层隐藏,理论上是可以基本实现效果,代码如下:

 $(window).load(function() {
       $("#loading").hide();
  });

下面说问题,因为loading层同样也是一个图片,html图片加载也是无序的,就会出现一种情况,页面加载后其他内容已经开始加载,但是loading的图却还没有被加载,loading的效果就失效了,但是我看其他的网站或者APP,是可以在内容还没加载前,就能够显示loaidng的效果,请问这个是怎么解决呢??求解

或者说有更好的办法,也可以分享一下......

  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2016-07-21 01:15
    关注

    loading放在最顶层加载,尽量缩小1.gif的体积

    你用一定出loading效果,load事件中用计时器延时执行下hide。

    评论

报告相同问题?

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器