3秒过后，图片出不来
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>进度条</title>
<style>
.loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: #fff;
}
.loading .pic{
width: 64px;
height: 64px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-image: url(img/loading.gif);
}
img{
width: 100%;
}
</style>
<script src="js/jquery.js"></script>
<script>
$(function(){
setInterval(function(){
$(".loading").fadeOut();
},3000)
})
</script>
</head>
<body>
<div class="loading">
<div class="pic"></div>
</div>
<img src="img/01.jpg" alt="">
<img src="img/02.jpg" alt="">
<img src="img/03.jpg" alt="">
<img src="img/04.jpg" alt="">
<img src="img/05.jpg" alt="">
<img src="img/06.jpg" alt="">
<img src="img/07.jpg" alt="">
</body>
</html>
DevinCai1回答
-
业余奶茶品鉴师
看一下图片路径对吗？我把你代码粘出来替换了图片就可以显示
随时随地看视频慕课网APP
相关分类
JavaScript