我想向用户显示加载图标,直到表单提交和其他页面元素完全加载(send.php
)。我怎么能用javascript做到这一点,我想用JavaScript或jQuery做到这一点。这是我的代码:
的index.html
<body>
<form name= "myform" id= "CC" action="send.php" >
.
.
.
</form>
</body>
send.php
<body>
<div class="se-pre-con"></div>
</body>
JS
$(window).load(function() {
// Animate loader off screen
$(".se-pre-con").fadeOut("slow");;
});
CSS
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}
有任何帮助吗?谢谢。