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

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

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


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


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


  1. 先显示你的loading图片

  2. 去数据库请求数据

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


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


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


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


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

【热门文章】
【热门文章】