<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>预加载测试</title>
<style type="text/css">
*{margin: 0;padding: 0;}
.register{width: 200px;height: 200px;margin: 50px auto 0;}
.register input{width: 116px;margin-top:30px ;margin-left: 20px;}
.registerBtn{width: 200px;margin: 0 auto;margin-top: 20px;}
#WaitPage{display: none; margin: 0 auto;width: 300px;height: 300px;}
#WaitPage img{width: 300px;height: 250px;margin: 25px 0px 0;display: inline-block;}
.page{width: 500px;height: 300px;border: 1px solid black;margin: 0 auto;}
.page img{width: 40px;height: 50px;float: left;}
</style>
</head>
<body>
<div class="box">
<!-- 登录页面 -->
<div class="register" id="register">
<span>账号</span><input type="text" /><br>
<span>密码</span><input type="password" /><br>
<button class="registerBtn" id="registerBtn">登录</button>
</div>
<!-- 等待页面 -->
<div id="WaitPage">
<img src="timg.gif" >
</div>
<!-- 页面 -->
<div id="pageOne" class="page">
<img ><img><img ><img><img><img ><img ><img><img ><img >
</div>
<div id="pageTwp" class="page">
<img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src="">
</div>
<div id="pageThree" class="page">
<img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src="">
</div>
<div id="pageFour" class="page">
<img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src="">
</div>
</div>
</body>
</html>
<script src="../../轮播图/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//实现图片的预加载
var images = new Array();
var imgs = $("#pageOne img");
function preload(arr) {
var c = 0;
for(i = 0; i <arr.length; i++) {
images[i] = new Image();
imgs[i].src = arr[i];
console.log(new Date);
c++;
}
if(c == arr.length){
$("#WaitPage").css("display","none");
}
}
$("#registerBtn").click(function(){
$(".register").css("display","none");
$("#WaitPage").css("display","block");
preload(arr1);
})
</script>
代码如上,我这样写可以吗?