怎么让页面在加载的时候 出现loading图标~

怎么让页面在加载的时候 出现loading图标?我弄了个gif动图,但是我该怎么处理,让其在页面跳转的时候出现呢?

阅读 14.9k
7 个回答

1,首先,这个加载图片一直是出现在页面中的,position fixed 之类的
2,然后,页面加载完的时候隐藏 window.onload=function(){ $('.loading').hide(); }

用js控制就可以了 控制这个图标显示隐藏

页面先显示加载的loading图片,然后你获取你要加载的页面是否都加载完毕,再用onload将loading图片隐藏掉就可以

  1. 先显示你的loading图片

  2. 去数据库请求数据

  3. 数据请求完成并加载完毕,loading图消失

很简单,就是利用jq中 $("document").ready() 与 js 中的 window.onload 事件的时间差
window.onload事件实在所有的图片加载完才触发的,ready事件是在所有dom加载完触发的,这时候图片还没有完全加载完,所以有个时间差啦。
当然也可以用js控制加载动画显示时间。

一开始show 载完了把图片的div hide就好了

打开页面的时候先显示这个Loading..图片,等页面其他内容加载完毕后隐藏该图片即可

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题