1个回答
展开全部
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
#wrapper {
background: #fff;
opacity: 1;
position: fixed;
z-index: 10;
top: 0px;
width: 100%;
height: 1600px;
}
#loader {
background: url('http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif') 50% 50% no-repeat #fff;
width: 200px;
height: 200px;
margin: 300px auto;
}
</style>
<script>
window.addEventListener("load", function() { var wrapper = document.getElementById("wrapper");
document.body.removeChild(wrapper);
}); </script>
</head>
<body>
<div id="wrapper">
<div id="loader"></div>
</div>
<span>动画加载完毕</span>
</body></html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
#wrapper {
background: #fff;
opacity: 1;
position: fixed;
z-index: 10;
top: 0px;
width: 100%;
height: 1600px;
}
#loader {
background: url('http://img.zcool.cn/community/01909155a905dc32f875495ea197c9.gif') 50% 50% no-repeat #fff;
width: 200px;
height: 200px;
margin: 300px auto;
}
</style>
<script>
window.addEventListener("load", function() { var wrapper = document.getElementById("wrapper");
document.body.removeChild(wrapper);
}); </script>
</head>
<body>
<div id="wrapper">
<div id="loader"></div>
</div>
<span>动画加载完毕</span>
</body></html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
