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

常用的网页加载进度条

孙吉星 交互设计师
难度中级
时长 1小时 7分
学习人数
综合评分9.60
97人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
$(function(){
var loading = '<div class="loading"><div class="pic"></div></div>';
$("body").prepend(loading);

setInterval(function(){
$(".loading").fadeOut();
},3000)
})
要用prepend才行.
太棒了, 谢谢老师
不错,学到了
敌军还有5秒到达战场,请做好准备!
你们几个没有本地jQuery库的,就别跟老师写一样。。。
载入下面随便复制一个吧
<script src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>

<script src="http://ajax.googleapis.com
/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

<script src="http://code.jquery.com/jquery-latest.js"></script>

+ 我来回答 回答最高可+2积分
我的进度条无法居中
看到loading网站 立马吧视频暂停了0...............
jq 的 路径不一样也
setTimeout 还是setInterval。。。。。合适
new Image() 后onload不走,所以就这样
img.each(function (i) {
img[i].onload=function () {
num++;
$("b").html(parseInt(num/img.size()*100)+"%");
if(num>i){
$(".loading").fadeOut(1000);
}
}
requestAnimationFrame
我好像看过老师在另一个网站讲的轮播图
为啥我的www.loading.io一直不出来
课程须知
1、能够熟练使用HTML布局页面 2、了解JavaScript的语法及书写能力
老师告诉你能学到什么?
1、onreadystatechange事件侦测 2、jquery的animate动画的使用 3、javascript定义Image图像对象 4、CSS3的animation动画

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消