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

常用的网页加载进度条

孙吉星 交互设计师
难度中级
时长 1小时 7分
学习人数
综合评分9.60
97人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰

最新回答 / 兼容并包
绝对路径 和 相对路径  ,分清这两个轻松搞定

最新回答 / 慕粉3761129
onstatuschagne运行比外层的慢。这个时候的i其实each运行完的i(就是总数)。所以其实这个判断是num==图片总数
加载图片打不开的,看下你们用的看图软件打开图片的名称,有的会多保留一个gif
按照老师的写法我的居中失败了
老师的声音好有磁性!!!

最新回答 / 渡河未半
一个Jq的api,是通过改变透明度来隐藏匹配元素的方法http://api.jquery.com/fadeout/;https://www.w3cschool.cn/jquery/jquery-fade.html;(中文看这个)
auv
感谢老师~!

最新回答 / qq_幸福落雨_0
没有代码,直接这样描述问题,没有人可以帮到你
按照老师的这个方法我,结合评论下的解决了数字不会动的问题。但是我如果图片出错了,他就会停在我图片出错的那个百分比怎么办

最新回答 / Css_1
$('.loading b').html(parseInt(num/$('img').size()*100)+'%');
似乎确实有问题,我全程照搬,结果数字一直不会动

最新回答 / qq_离梦_0
我的有用啊,你看看是哪里写错了吗?
很喜欢慕课网的老师们讲课
看来大家都是学到了居中 哈哈哈 我也想说我学到了。

最新回答 / 行走的指尖
<...code...>我有检查过逻辑,并没有发现问题,再看看老师的视频好了。
$(function(){
var loading = &#039;&lt;div class=&quot;loading&quot;&gt;&lt;div class=&quot;pic&quot;&gt;&lt;/div&gt;&lt;/div&gt;&#039;;
$(&quot;body&quot;).prepend(loading);

setInterval(function(){
$(&quot;.loading&quot;).fadeOut();
},3000)
})
要用prepend才行.
课程须知
1、能够熟练使用HTML布局页面 2、了解JavaScript的语法及书写能力
老师告诉你能学到什么?
1、onreadystatechange事件侦测 2、jquery的animate动画的使用 3、javascript定义Image图像对象 4、CSS3的animation动画

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消