javascript - 怎么让页面在加载的时候 出现loading图标~
PHPz
PHPz 2017-04-11 11:50:14
[JavaScript讨论组]

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

PHPz
PHPz

学习是最好的投资!

全部回复(7)
ringa_lee

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

黄舟

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

PHP中文网

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

怪我咯
  1. 先显示你的loading图片

  2. 去数据库请求数据

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

怪我咯

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

迷茫

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

迷茫

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号