扫码关注官方订阅号
怎么让页面在加载的时候 出现loading图标?我弄了个gif动图,但是我该怎么处理,让其在页面跳转的时候出现呢?
学习是最好的投资!
1,首先,这个加载图片一直是出现在页面中的,position fixed 之类的2,然后,页面加载完的时候隐藏 window.onload=function(){ $('.loading').hide(); }
window.onload=function(){ $('.loading').hide(); }
用js控制就可以了 控制这个图标显示隐藏
页面先显示加载的loading图片,然后你获取你要加载的页面是否都加载完毕,再用onload将loading图片隐藏掉就可以
先显示你的loading图片
去数据库请求数据
数据请求完成并加载完毕,loading图消失
很简单,就是利用jq中 $("document").ready() 与 js 中的 window.onload 事件的时间差window.onload事件实在所有的图片加载完才触发的,ready事件是在所有dom加载完触发的,这时候图片还没有完全加载完,所以有个时间差啦。当然也可以用js控制加载动画显示时间。
一开始show 载完了把图片的p hide就好了
打开页面的时候先显示这个Loading..图片,等页面其他内容加载完毕后隐藏该图片即可
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
1,首先,这个加载图片一直是出现在页面中的,position fixed 之类的
2,然后,页面加载完的时候隐藏
window.onload=function(){ $('.loading').hide(); }用js控制就可以了 控制这个图标显示隐藏
页面先显示加载的loading图片,然后你获取你要加载的页面是否都加载完毕,再用onload将loading图片隐藏掉就可以
先显示你的loading图片
去数据库请求数据
数据请求完成并加载完毕,loading图消失
很简单,就是利用jq中 $("document").ready() 与 js 中的 window.onload 事件的时间差
window.onload事件实在所有的图片加载完才触发的,ready事件是在所有dom加载完触发的,这时候图片还没有完全加载完,所以有个时间差啦。
当然也可以用js控制加载动画显示时间。
一开始show 载完了把图片的p hide就好了
打开页面的时候先显示这个Loading..图片,等页面其他内容加载完毕后隐藏该图片即可