为了账号安全,请及时绑定邮箱和手机立即绑定

常用的网页加载进度条

孙吉星 交互设计师
难度中级
时长 1小时 7分
学习人数
综合评分9.60
97人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
为啥我的www.loading.io一直不出来
$(function(){var img=$('img');
var num=0;
img.each(function(i){var oImg=new Image();
oImg.onload=function(){oImg.onload=null;num++;
$('.loading b').html(parseInt(num/$('img').length*100)+'%');
if (img.length==i+1) {$('.loading').fadeOut();}}
oImg.src=img[i].src;})})

最新回答 / Yvonne_D
jquery ready()是当页面的DOM加载出来后执行。onreadystatechange是当处于特定的readyState状态时执行。
讲的易懂的
这preloaders.net网站很不错啊
我用的jQuery路径是1.9.1。。。
感觉要上下对称需要比左右对称烦的多。。。
很棒~~~
是不是网速慢
不错 ,老师心细讲的不错
学这个课收获到了很多干货网站,谢谢老师的分享。
纯干货,除了一套方案,也传授出了经验

另外,看来还是有必要进一步学习运用js和jq
路径肯定不一样了,按你自己的写
chrome f12控制台的network里的disable cache可以设置成不加载缓存,再把网络条件设置成GPRS的,这样就可以模拟一个慢的加载速度
课程须知
1、能够熟练使用HTML布局页面 2、了解JavaScript的语法及书写能力
老师告诉你能学到什么?
1、onreadystatechange事件侦测 2、jquery的animate动画的使用 3、javascript定义Image图像对象 4、CSS3的animation动画

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消