常用的网页加载进度条_技术问答_慕课网

首页免费课常用的网页加载进度条问答

常用的网页加载进度条

全部评论问答未解决精华

动画加载不出来！

最新回答 / AlterAlert

应该是CSS问题，可以用F12调试下

3 回答 857 浏览 2-3 css3进度条小动画

2017-07-06

testname

老师的声音像MC高迪，喜欢的朋友飘666~

21 1-1 课程介绍

2017-07-06

小王子抓猫咪

问题太严重了，老师写的代码太有问题了。
第一，你的进度条代码都写在了document.onready事件中，而onready事件也是有前期等待时间的。
第二，你的图片获取全是DOM获取。
这两个问题导致视频中你的页面加载前会有很严重的空白期，且图片与进度条容器遮罩前后出现顺序会不一致。
建议，第一，图片不要用DOM结构，直接就是将图片地址放在一个数组中。
第二，图片加载的JS代码直接放在你的进度条HTML结构的后面即可。

20 4-1 实时获取加载数据的进度条

2017-07-05

Viavia

如果中间的某张图片地址错了，无法加载了会触发error事件可以使num+1

2 4-1 实时获取加载数据的进度条

2017-07-05

小王子抓猫咪

个人感觉这种方法不实用，在HTML结构中多次添加进度设置代码不友好，即使是程序添加的代码也不好。有些时候感觉做个假的也是可以的。比如先把进度条前进到一个百分比长度后，等待onreadystatechange事件或者是图片加载后再直接运行到100%长度。

20 3-1 定位在头部的进度条

2017-07-05

Viavia

竟然这样玩..

0 3-1 定位在头部的进度条

2017-07-05

南苑扫地僧

元素居中有很多方式

0 2-1 网页加载进度条误区

2017-07-05

qq_刘秋云_0

非常好老师讲的

1

2017-07-05

Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

最新回答 / 慕桂英8454254

看不懂1111

2 回答 1363 浏览 1-1 课程介绍

2017-07-05

王者yao归来

现在刚好在研究这个，在这里看到这个教程真是及时雨啊~~

0 1-1 课程介绍

2017-07-05

没喵

请问老师什么时候出课程买买买。。。

0 1-1 课程介绍

2017-07-05

衣染

我去，开口跪。为了这声音我也得看三遍呀！！！

0 1-1 课程介绍

2017-07-05

larger

i will study this class

0 1-1 课程介绍

2017-07-04

larger

看了第一章就迫不及待想学后面的内容了~~ 打卡，

0 1-1 课程介绍

2017-07-04

larger

非常不错谢谢老师

0 1-1 课程介绍

2017-07-04

慕仔3495855

如果中间的某张图片地址错了，无法加载了，那么这个loading 就不会消失了，请问该怎么解决？

2 4-1 实时获取加载数据的进度条

2017-07-04

首页上一页 20 21 22 23 24 25 26 下一页尾页

开始学习

课程须知: 1、能够熟练使用HTML布局页面 2、了解JavaScript的语法及书写能力

老师告诉你能学到什么？: 1、onreadystatechange事件侦测 2、jquery的animate动画的使用 3、javascript定义Image图像对象 4、CSS3的animation动画

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消