不知道错在哪?一直都是进度条,也不消失,图片也不显示!求大神帮忙看下!

来源:2-1 网页加载进度条误区

一曲琵琶倾城泪

2017-08-11 10:33

<!DOCTYPE html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.loading{
width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;
background:#FFFFFF;
}

.loading .pic{
width:64px;height:64px;background:url(images/loading.gif);position:absolute;top:0px;bottom:0px;left:0px;right:0px;
margin:auto;
}
</style>

<script src="新建文件夹/js/jquery2/jquery-3.2.1.min.js"></script>
<script>

$(function(){

setInterval(function(){

$(".loading").fadeOut();

},3000)

})
</script>

</head>

<body>

<div class="loading">
<div class="pic"></div>
</div>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502425151733&di=60195396e96bbb17dfe652b653c63c57&imgtype=0&src=http%3A%2F%2Feasyread.ph.126.net%2FbenRalIc6PUBTD-2WrXaBQ%3D%3D%2F7696582493944590072.jpg" alt=""/>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502425222589&di=4e481e2af699a45418878689bcd0c324&imgtype=0&src=http%3A%2F%2Fimgstore.cdn.sogou.com%2Fapp%2Fa%2F100540002%2F422288.jpg" alt="" />
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502425222588&di=c8cd50d2d17e59f573325a7ed544be6b&imgtype=0&src=http%3A%2F%2Fpic.58pic.com%2F58pic%2F15%2F15%2F35%2F08858PICGTF_1024.jpg" alt="" />

</body>
</html>

写回答 关注

3回答

常用的网页加载进度条

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

32872 学习 · 81 问题

查看课程

相似问题