等待加载资源的时候显示转菊花
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="<%=basePath%>404page/css/main.css" type="text/css" media="screen, projection" /> <!-- main stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="../css/tipsy.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie8.css" />
<![endif]-->
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
function universalPreloader(){
var pre = $("#universal-preloader>div");
//centering function
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", (($(window).height() - this.outerHeight()) / 2) + "px");
this.css("left", (($(window).width() - this.outerWidth()) / 2) + "px");
return this;
}
//center to the screen
pre.center();
//run each time user resizes window
$(window).resize(function() {
pre.center();
});
}
function universalPreloaderRemove(){
var parentD = $("#universal-preloader");
var pre = $("#universal-preloader>div");
pre.delay(1000).animate({opacity:'0'},{duration:400, complete:function(){
parentD.animate({opacity:'0'},{duration:400, complete:function(){
parentD.remove();
}});
}});
}
//DOM加载完毕,图片,js等未加载完成
$(document).ready(function(){
//转菊花,等待...
universalPreloader();
});
//所有资源都加载完毕,移除转菊花...
$(window).load(function(){
//移除转菊花...
universalPreloaderRemove();
...
});
</script>
<title>404 - Not found</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- Universal preloader -->
<div id="universal-preloader">
<div class="preloader">
<img src="../images/universal-preloader.gif" alt="universal-preloader" class="universal-preloader-preloader" />
</div>
</div>
</body> 相关推荐
qiupu 2020-11-04
多读书读好书 2020-11-03
RedCode 2020-10-28
jiedinghui 2020-10-25
Ladyseven 2020-10-22
hellowzm 2020-10-12
zuncle 2020-09-28
Ladyseven 2020-09-11
jiedinghui 2020-09-07
xiaohuli 2020-09-02
葉無聞 2020-09-01
impress 2020-08-26
ThikHome 2020-08-24
nicepainkiller 2020-08-20
hellowzm 2020-08-18