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

课程

/前端开发

/JavaScript

/常用的网页加载进度条

看不出错在哪

为什么都没有效果，代码都一毛一样啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>进度条3</title>

<style>

.loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#fff;}

.loading .pic{width:50px;height:50px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

.loading .pic i{display:block;float:left;width:6px;height:50px;background:#F36;margin:0 2px;transform:scaleY(0.4);

animation:load 1.2s infinite;}


@keyframes load{

0%,40%,100%{transform:scaleY(0.4)}

}

20%{transform:scaleY(1)}

}

</style>

</head> 


<body>

<div class="loading">

<div class="pic">

  <i></i>

  <i></i>

  <i></i>

  <i></i>

  <i></i>

</div>

</div>


<img src="http://imgsrc.baidu.com/imgad/pic/item/b03533fa828ba61e5e6d4c0d4b34970a304e5915.jpg" alt="" />

<img src="http://imgsrc.baidu.com/imgad/pic/item/574e9258d109b3deb13fbe4cc6bf6c81800a4c15.jpg" alt="" />

<img src="http://tupian.enterdesk.com/2013/mxy/12/11/4/4.jpg" alt="" />

<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1500113966034&di=3aca769a417e0201a06c662d64e12b2a&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimage%2Fc0%253Dshijue%252C0%252C0%252C245%252C40%2Fsign%3D4ea99ec2f8d3572c72ef949fe27a0952%2Ff7246b600c338744af80e6575b0fd9f9d72aa050.jpg" alt="" />

<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1500113966033&di=82a53309f165724b2d2246803a97e12c&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2Fb812c8fcc3cec3fdd71a0456dc88d43f879427e8.jpg" alt="" />

<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1500113989285&di=e3bd8c99fa83d6561e3d03c10d92bd1e&imgtype=0&src=http%3A%2F%2Fpic.90sjimg.com%2Fback_pic%2Fqk%2Fback_origin_pic%2F00%2F03%2F14%2Fc0391a6c1efab3fe00911b04e8cedca4.jpg" alt="" />

<img src="http://b.hiphotos.baidu.com/image/pic/item/d1a20cf431adcbef27ec5330a6af2edda3cc9f2f.jpg" alt="" />

<img src="http://f.hiphotos.baidu.com/image/pic/item/0ff41bd5ad6eddc4e43f99cd33dbb6fd5266332f.jpg" alt="" />

</body>

</html>


qazwsxhyjy

2017-07-16

源自：常用的网页加载进度条  2-3

关注问题 我要回答
822
操作
收起

正在回答

4 回答

qq_慕神1420022
2022-03-31

没有说错吧，时间戳是从1970年算起的

http://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%36%25%43%46%25%42%45%25%41%39%25%43%44%25%46%38%25%43%39%25%43%46%25%42%36%25%43%34%25%42%33%25%41%31%25%44%36%25%42%31%25%44%33%25%41%41%25%42%46%25%41%41%25%42%42%25%41%37%25%33%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%44%31%25%46%34%25%43%38%25%41%41%25%43%44%25%46%38%25%43%44%25%41%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%35%25%44%42%25%42%31%25%41%36%25%44%33%25%45%39%25%43%30%25%44%36%25%44%35%25%45%36%25%42%43%25%44%39%25%44%36%25%42%31%25%44%33%25%41%41%25%43%44%25%46%38%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%43%31%25%44%39%25%44%32%25%43%41%25%42%37%25%44%36%25%44%35%25%42%45_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%44%30%25%43%32%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%43%30%25%41%35%25%43%33%25%46%37%25%43%38%25%43%42%25%42%32%25%43%35%25%43%44%25%46%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%31%25%46%41%25%42%42%25%41%32%25%42%36%25%42%37%25%44%32%25%46%38%25%42%39%25%44%39%25%43%44%25%46%38%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%44%32%25%43%31%25%42%34%25%42%41%25%42%34%25%46%33%25%44%31%25%41%37_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%44%25%46%32%25%42%37%25%45%31%25%44%33%25%45%39%25%43%30%25%44%36%25%43%35%25%43%34%25%43%41%25%44%36%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%44%30%25%46%42%25%42%33%25%43%37%25%44%31%25%41%37%25%42%38%25%41%45_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%39%25%46%42%25%42%32%25%41%39%25%42%41%25%43%46%25%44%37%25%46%37%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%44%35%25%43%35%25%44%32%25%42%34%25%42%44%25%42%42%25%42%39%25%44%43%25%42%45%25%44%36_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%42%36%25%43%34%25%42%33%25%41%31%25%43%44%25%43%36%25%42%43%25%46%36%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%33%25%41%45%25%41%33%25%43%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%43%45%25%42%43%25%43%34%25%43%46%25%42%44%25%42%42%25%43%44%25%41%38_1s.htmhttp://www.vpansou.com/query?wd=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E6%AD%A3%E8%A7%84%E5%AE%9E%E4%BD%93%E7%94%B5%E8%AF%9D%E5%BC%80%E6%88%B7TL262.c%EF%BC%AF%EF%BC%AD%E7%8E%89%E6%BA%AA%E4%BA%BA%E6%89%8Dhttp://www.vpansou.com/query?wd=%E6%96%B0%E6%98%8C%E7%9B%9B%E5%A8%B1%E4%B9%90%E5%AE%98%E7%BD%91%E8%81%94%E7%B3%BB%E5%BC%80%E6%88%B7%E5%BE%AE%E4%BF%A1%E5%BC%80%E6%88%B7%E7%94%B5%E8%AF%9D%E7%9B%B4%E8%90%A5%E7%BD%91TL262%C2%B7C%EF%BC%AFM%E6%83%A0%E5%B7%9E%E7%BE%8E%E9%A3%9Fhttps://www.oschina.net/search?scope=all&q=%E6%9E%9C%E5%8D%9A%E4%B8%9C%E6%96%B9%E9%BE%99%E8%99%8E%E6%8A%95%E6%B3%A8%E8%B5%B0%E5%8A%BF%E5%AE%98%E7%BD%91B2024%EF%BC%8E%EF%BC%A3N%E5%AD%9D%E6%84%9F%E7%83%AD%E9%97%A8https://wap.zol.com.cn/index.php?c=List_List&keyword=%E7%BC%85%E7%94%B8%E7%8E%8B%E8%80%85%E8%87%B3%E5%B0%8A%E5%AE%98%E6%96%B9%E7%BD%91%E7%AB%99%E5%BC%80%E6%88%B7%E5%BE%AE%E4%BF%A1%E5%BC%80%E6%88%B7%E7%94%B5%E8%AF%9D%E3%80%90TL262%C2%B7C%EF%BC%AFM%E3%80%91%E8%B4%BA%E5%B7%9E%E7%94%B5%E4%BF%A1https://wap.zol.com.cn/index.php?c=List_List&keyword=%E6%9E%9C%E6%95%A2%E6%9E%9C%E5%8D%9A%E4%B8%9C%E6%96%B9%E6%80%BB%E9%83%A8%E7%94%B5%E8%AF%9D%E3%80%90B2024%C2%B7CN%E3%80%91%E5%AE%9D%E9%B8%A1%E5%B9%BF%E6%92%ADhttps://www.oschina.net/search?scope=news&q=%E6%B0%B8%E6%98%8C%E5%A8%B1%E4%B9%90%E6%89%8B%E6%9C%BA%E7%99%BB%E9%99%86%E5%8F%A3%E5%AE%98%E7%BD%91B2024%C2%B7CN%E5%92%B8%E5%AE%81%E5%8D%AB%E8%A7%86&days=0&onlytitle=0&sort_by_time=0http://dblab.xmu.edu.cn/?s=%E7%BC%85%E7%94%B8%E9%91%AB%E7%99%BE%E5%88%A9%E4%BB%A3%E7%90%86%E5%BC%80%E6%88%B7B2024.cN%E7%8E%B0%E5%9C%BA%E8%A7%86%E9%A2%91https://iias.tsinghua.edu.cn/search/%E6%B1%87%E4%B8%B0%E5%A8%B1%E4%B9%90%E5%9C%BA%E5%BE%AE%E4%BF%A1%E5%BC%80%E6%88%B7%E7%94%B5%E8%AF%9D%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E6%B4%9B%E9%98%B3%E6%8B%9B%E8%81%98/feed/rss2/https://iias.tsinghua.edu.cn/search/%E9%91%AB%E4%BD%B0%E5%88%A9%E6%88%90%E5%9B%BD%E9%99%85%E5%A8%B1%E4%B9%90%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E7%99%BD%E9%93%B6%E8%8A%82%E7%9B%AE%E7%BB%84/feed/rss2/https://b2b.baidu.com/s?q=%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E8%81%94%E7%B3%BB%E7%94%B5%E8%AF%9D%E3%80%90B2024.CN%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E5%A8%84%E5%BA%95%E4%BA%BA%E5%8A%9B%E8%B5%84%E6%BA%90&from=searchhttp://www.minitu.cn/?s=%E9%87%91%E9%BC%8E%E5%9B%BD%E9%99%85%E5%A8%B1%E4%B9%90%E6%B8%B8%E6%88%8F%E6%B8%B8%E6%88%8F%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E5%AE%81%E6%B3%A2%E5%8A%9E%E4%BA%8B%E5%A4%84http://www.vpansou.com/query?wd=%E9%91%AB%E4%BD%B0%E5%88%A9%E5%A8%B1%E4%B9%90%E5%B9%B3%E5%8F%B0%E7%9C%9F%E5%81%87%E6%B8%B8%E6%88%8F%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E6%BB%81%E5%B7%9E%E5%88%86%E7%AB%99%EF%BC%93%EF%BD%84https://search.bilibili.com/all?keyword=%E9%91%AB%E8%83%9C%E5%A8%B1%E4%B9%90%E7%BD%91%E9%A1%B5%E7%BD%91%E5%9D%80%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E5%8C%85%E5%A4%B4%E5%8A%9E%E4%BA%8B%E5%A4%84http://dblab.xmu.edu.cn/?s=%E7%8E%89%E7%A5%A5%E5%9B%BD%E9%99%85%E5%AE%98%E7%BD%91B2024%C2%B7CN%E4%B8%BD%E6%B1%9F%E8%AE%BF%E8%B0%88%EF%BD%87%EF%BC%BAhttps://www.oschina.net/search?scope=news&q=%E7%BC%85%E7%94%B8%E7%BB%B4%E5%8A%A0%E6%96%AF%E5%9B%BD%E9%99%85%E4%BC%9A%E6%89%80%E3%80%90%E5%AE%98%E7%BD%91%E2%86%92TL262%C2%B7C%EF%BC%AFM%E3%80%91%E9%93%9C%E9%99%B5%E7%BE%8E%E9%A3%9F%EF%BC%B9%EF%BD%9C%EF%BD%8Ahttps://wap.zol.com.cn/index.php?c=List_List&keyword=%E8%80%81%E8%A1%97%E7%9A%87%E5%AE%B6%E5%88%A9%E5%8D%8E%E5%A8%B1%E4%B9%90%E4%BC%9A%E5%91%98%E6%B3%A8%E5%86%8C%E7%BD%91%E5%9D%80TL262.%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%9B%B2%E9%9D%96%E6%AF%95%E4%B8%9A%E7%94%9F

0 回复 有任何疑惑可以回复我~
收起回答
跳动的音符
2017-07-20

这个课程需要引入jQuery插件。jQuery是一个快速、简洁的JavaScript框架。

0 回复 有任何疑惑可以回复我~
收起回答
#1

辣条会长

这个插件去哪儿找呐？
2018-03-13 回复 有任何疑惑可以回复我~
#2

跳动的音符 回复 辣条会长

百度一下你就知道
2018-03-22 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
常用的网页加载进度条
  • 参与学习       32877    人
  • 解答问题       81    个

通过课程，让你学习到网页中常见的进度加载的实现方式.

进入课程

本课相似问答

3 回答不知道错在哪？一直都是进度条，也不消失，图片也不显示！求大神帮忙看下！

2 回答jquery1.11.3在哪下的

5 回答用了jq但是没反应（在官网也下载引入了） 不知道原因在哪

3 回答看不懂代码呀

1 回答那段引入的js代码在哪里能找到。
搜索更多本课相关问答

看不出错在哪

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信