通过以下代码，运行出现，图片加载比计时器快，是我的代码有问题，还是图片本来加载就可，其他的图片我也试过，并不能像老师运行显示加载完，再显示图片
cym01494
2017-07-18 21:11
<!doctype html>
<html>
<head>
<meta charset="utf-8" >
<title>定时器进度条</title>
<style>
.loading{width:100%;height:100%;postion:fixed;top: 0;left: 0;z-index: 100;background: #fff;}
.loading .pic{width:64px;height: 64px;border: 1px solid red;position: absolute;top:0;bottom:0;left:0;right:0;margin: auto;background:url("images/loading.gif");}
</style>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(function(){
setTimeout(function(){
$(".loading").fadeOut();
} ,3000)
})
</script>
</head>
<body>
<div>
<div></div>
</div>
<img src="http://img1.imgtn.bdimg.com/it/u=754131577,1671524070&fm=26&gp=0.jpg" alt=""/>
<img src="http://img3.imgtn.bdimg.com/it/u=3435466924,3415045389&fm=26&gp=0.jpg" alt=""/>
</html>
</html>
3回答
-
- cym01494
- 2017-07-19 16:37:47
加完仍然有后面两张图片加载不出来
-
- cym01494
- 2017-07-19 16:36:31
加完<div class="loading">
<div class="pic"></div>
</div> -
- 笨蛋自己走3301659
- 2017-07-19 10:36:45
div少了class
常用的网页加载进度条
32872 学习 · 81 问题
相似问题